自定义 CSS 悬停在分类中

支持
1

我该如何添加自定义的 a:hover？我修改了背景色，但不知道结构该如何设置才能添加 a:hover。

我尝试了以下代码，但不起作用：

[data-category-id="7"] {
  .category-box { background: #0088CC10; }
  a:hover { color: #D52133 !important; }
}

背景色我使用的是以下代码：

.category-box[data-category-id="1"] { background: #0088CC10; }
.category-box[data-category-id="7"] { background: #231F2010; }
.category-box[data-category-id="8"] { background: #12a89d10; }
.category-box[data-category-id="5"] { background: #bf1e2e10; }
.category-box[data-category-id="9"] { background: #25AAE210; }
.category-box[data-category-id="6"] { background: #F7941D10; }
.category-box[data-category-id="10"] { background: #B3B5B410; }
.category-box[data-category-id="2"] { background: #80828110; }
.category-box[data-category-id="3"] { background: #E4573510; }
.category-box[data-category-id="4"] { background: #A461EF10; }

image
image1082×624 47.6 KB

2

我不知道您的 HTML 是什么样的，您能提供分类页面的链接吗？

3

https://alertamaximo.com/categories

4

类别 1 示例：

.category-box[data-category-id="1"] {
    background: #0088CC10;
    .badge-wrapper.bullet:hover span.badge-category {
      color: red;
    }
  }
}
5

运行完美，非常感谢