我有一个wordpress网站，在用户的个人资料中有一个标签页。有两个选项卡：
User Info
Categories
我需要将自定义样式添加到“类别”选项卡，但在HTML标记中可以找到的唯一区别是：
data-anchor="categories"
我想我可以在我的css中使用它，但是我每次尝试都失败了。这是我做的两次尝试，但都失败了。
.sow-tabs-tab [data-anchor="categories"]
.sow-tabs-tab div[data-anchor="categories"]
这是这个选项卡的html：
<div class="sow-tabs-tab sow-tabs-tab-selected" role="tab" data-anchor="categories">
下面是“用户信息”选项卡的HTML：
<div class="sow-tabs-tab" role="tab" data-anchor="user-info">
有什么方法可以使用css中的数据锚定值来实现这个目标吗？
最佳答案
删除类名和属性之间的空格。另一行css对我看html示例没有多大意义。
.sow-tabs-tab[data-anchor="categories"] {
margin-top: 5rem;
}<div class="sow-tabs-tab sow-tabs-tab-selected" role="tab" data-anchor="categories">Category</div>