Подключение уникальных стилей в wordpress

Есть 3 страницы сайта(index.php, my-page.php, my-page2.php) ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀ ⠀ на WordPress и три СSS стиля: ⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀ Один стиль общий для всех страниц(main.css) ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀ ⠀⠀⠀ И два уникальных стиля(my-page.css, my-page2.css) для второй и третьей страницы, ⠀⠀⠀⠀⠀⠀ эти два стиля не должны использоваться на первой(главной) странице index.php

Как подключить к этим двум страницам их уникальные стили в WordPress, ⠀⠀⠀⠀⠀ ⠀ чтобы эти стили не подключались к другим страницам.

Допустим в WordPress стили подключаются так:

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

function theme_name_scripts() {
wp_enqueue_style( 'style-name', get_stylesheet_uri() );
wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}

Затем в header.php напишем wp_head(), то после этого все стили будут подключаться ⠀⠀⠀⠀ ко всем страницам вне зависимости используются ли они на этой странице или нет.

Но я так не хочу, мне необходимо, чтобы на каждой странице подключались только те стили, которые имеют на этой странице имена классов и идентификаторов.

Например(HTML):

<link type="text/css" rel="stylesheet" href="Общий стиль.css"> Листайте вправо        <! --Подключается ко всем трём страницам -->
<link type="text/css" rel="stylesheet" href="Уникальный стиль для 2-ой страницы.css"> <! --Подключается к 2-ой странице -->
<link type="text/css" rel="stylesheet" href="Уникальный стиль для 3-ей страницы.css"> <! --Подключается к 3-ей странице -->