Мои стили не отображаются в браузере. Я делаю что-то неправильно?

Я поставил таблицу стилей в плагин, который я построил. Когда я загружаю страницу, я вижу, что создан тег ссылки, который ссылается на мою таблицу стилей. Я могу просмотреть таблицу стилей на вкладке source в chrome. Однако этот класс не применяется к моему элементу.

Мой элемент без применения его класса

Заголовок, показывающий ссылку на мою таблицу стилей

Вкладка Source, показывающая таблицу стилей

Я добавил эту строку в начало моего файла, чтобы удостовериться, что таблица стилей ставится в очередь перед тем, как будет отображен следующий HTML

product_controller->plugin_name) ? 'enqueued' : 'nope'; ?>

, это всегда выводится в очередь '

когда создается экземпляр моего класса, эта функция запускается. Это вызывает функцию на любом контроллере, который передается.

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');
}

это функция, которая запускается в моем контроллере $

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

Я пытаюсь сделать тег h2 синим, чтобы я знал, что мои стили отображаются и мой браузер это как, нет.