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 class，但显然它是一个我似乎无法配置的查询。

谁能告诉我如何加粗父类别？非常感谢您的宝贵时间！

Answer 1

如果您知道父类别的选项值，您可以这样写 CSS：

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

这里有更多细节和概念证明：

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

Answer 2

如果父选项始终是 select 中的第一个，则最好使用以下选项。

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