我的样式没有被浏览器呈现。 难道我做错了什么?

I have enqueue a stylesheet into a plugin I built. When I load the page I can see that there is a link tag created linking to my stylesheet. I can view the stylesheet in chrome's source tab. However the class is not applied to my element.

My Element without it's class being applied

Header showing the link to my style sheet

Source tab showing the stylesheet

I've added this line to the top of my file to make sure that the stylesheet is enqueued before the subsequent html is rendered

<?php echo wp_style_is($this->product_controller->plugin_name) ? 'enqueued' : 'nope'; ?>

this always echos out 'enqueued'

when my class is instantiated this function runs. This calls the function on whatever controller is passed in.

private function add_default_actions($controller, $classname)
{
    $prefixed_name = "pp_" . $classname;
    $this->loader->add_action( 'admin_enqueue_scripts', $controller, 'enqueue_styles' );
    $this->loader->add_action( 'admin_enqueue_scripts', $controller, 'enqueue_scripts' );
    //when a request is made to to admin-ajax.php
    $this->loader->add_action( 'wp_ajax_' . $prefixed_name, $controller, 'ajax_handler');
    $this->loader->add_action( 'wp_ajax_' . $prefixed_name, $controller, 'check_nonce');
}

this is the function that gets run in my $controller

public function enqueue_styles()
{
    $location = plugin_dir_url( __FILE__ ) . 'css/'. $this->classname .'.css';
    wp_enqueue_style( $this->plugin_name, $location, array(), $this->version, 'all' );
}

I'm trying to turn a h2 tag blue so that I know my styles is getting rendered and my browser is like, nope.

The issue was that I was calling it classname instead of class. That fixed it.

I've been working in javascript too long.