Выделение родительских категорий в WordPress

Question

Я использую тему в WordPress, где есть форма поиска для отображения сообщений на основе выбранных категорий.

У меня есть категории, ставшие на место следующим кодом:

    <option value="1">Parent category</option>
    <option value="2">&nbsp;&nbsp;subcategory</option>
    <option value="3">&nbsp;&nbsp;subcategory</option>
    <option value="4">&nbsp;&nbsp;subcategory</option>

Моя цель - выделить родительскую категорию. Я проверил все мои файлы темы, если я отредактировал это, попытался добавить класс CSS, на который я мог бы нацелиться, но ясно, что это запрос, который я не могу настроить.

Кто-нибудь может дать мне знать, как я могу выделить родительскую категорию? Большое спасибо за ваше время!

Answer 1

Если вы знаете значение параметра родительской категории, вы можете просто написать CSS следующим образом:

option[value="1"] {
  font-weight: bold;
}

Чуть подробнее и подтверждение концепции здесь:

https://jsfiddle.net/h6y23ge1/1/

Answer 2

Если родительский параметр всегда первый в пределах выбора, было бы лучше использовать следующее.

select option:first-child {
    font-weight: bold;    
}