我可以在CSS中一起使用DIV类和ID吗？

Question

我可以在CSS中一起使用DIV类和ID吗？例如:

<div class="x" id="y">
    --
</div>

Answer 1

是的,是的,你可以.

#y.x {
 /* will select element of id="y" that also has class="x" */
}

同理:

.x#y {
 /* will select elements of class="x" that also have an id="y" */
}

顺便提一下,这可能在某些用例中很有用(其中类用于表示某种形式的事件或交互),但在大多数情况下,它不一定有用,因为id无论如何s在文档中都是唯一的.但是,如果你正在使用类用户交互那么它可能需要了解的.

Answer 2

您还可以根据需要在标记上使用尽可能多的类,但ID必须对文档是唯一的.当另一个更多的语义标签可以完成这项工作时,也要小心使用太多的div.

<p id="unique" class="x y z">Styled paragraph</p>

Answer 3

当然可以。

你的 HTML 就好了。要使用 css 设置元素样式，您可以使用以下方法：

#y {
    ...
}

.x {
    ...
}

#y.x {
    ...
}

您也可以根据需要向元素添加任意数量的类

<div id="id" class="classA classB classC ...">
</div>

您可以使用带有类和 id 的任意组合的选择器来设置该元素的样式。例如：

#id.classA.classB.classC {
     ...
}

#id.classC {
}