Html 用附加类引用类

我在页面上有一个jquery滑块函数，当幻灯片旋转时，我需要更改LI标记的样式

因此，当滑块移动到li上时，类看起来如下所示：

<li class="first sliderkit-selected">

<li class="first">

li.first.sliderkit-selected { /* your rules */ }

.sliderkit-selected.first {
    background-color: red;
}

但它似乎没有把它捡起来

我知道可以在每个类之间使用逗号，但是如果有意义的话，我希望在这两个类同时使用时，只引用样式

---

谢谢。

您正在寻找

li。已选择幻灯片。首先

：

li.sliderkit-selected.first{
    background-color: red;
}

另见：

• 以下规则匹配任何

  p

  元素，该元素的

  class

  属性已被分配一个以空格分隔的值列表，该列表包括

  田园

  和

  海洋

  ：
  此规则与

  class=“田园蓝-海蓝”

  匹配，但与

  class=“田园蓝”

  不匹配

---

要选择具有多个类的DOM元素，请在选择器中连接这些类：

li.sliderkit-selected.first {
    background-color: red;
}

---

如果要选择具有多个类的元素，只需在类后面加上一个点，如下所示：

<li class="first sliderkit-selected">

<li class="first">

li.first.sliderkit-selected { /* your rules */ }

.sliderkit-selected.first {
    background-color: red;
}

---

这意味着“一个

li

标记，其中类

第一个

，并且选择了类

滑块套件”
您可以这样写：

<li class="first sliderkit-selected">

<li class="first">

li.first.sliderkit-selected { /* your rules */ }

.sliderkit-selected.first {
    background-color: red;
}

或

.first.sliderkit-selected {
    background-color: red;
}

我认为值得一提的是，为什么你的尝试没有成功
li.sliderkit-选择的li.first
表示您希望所有具有类sliderkit的列表项中具有类first的所有列表项为红色。如果删除类名，则如下所示
li li{…}
。或者，如果我们将标记名更改为
ulli{…}
您可以理解我的意思。所有标签都在标签ul内。非常好，感谢下面的所有内容！成功了。