Html 页面选项卡WordPress的自定义CSS

我有一个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选项卡选项卡[数据锚定=“类别”]{
边缘顶部：5雷姆；
}

---

Category

好的，我今天就运行它，看看会发生什么。我在帖子中的第二行只是我在CSS中尝试的一个变体，看看它是否有效。我将编辑我的帖子来澄清这一点。