Question

对于像这样的HTML元素：

<div class="cas"></div>

...你可以在CSS之前使用一个元素，如下所示：

div.cas {
}

...或者像这样？：

.cas {
}

或者两种方式？

Answer 1

是的，无论哪种方式，取决于您的背景。

div.cas选择任何<div>元素，类为＃34; cas＆＃34;。
.cas选择任何类型的元素＆＃34; cas＆＃34;。

例如：

＆＃13;

.test1 {
  background-color: lightgreen;
}
p.test1 {
  color: white;
}

div.test2 {
  background-color: lightblue;
}
p.test2 {
  color: red;
}

＆＃13;

<div class="test1">DIV TEST1</div>
<p class="test1">P TEST1</p>
<div class="test2">DIV TEST2</div>
<p class="test2">P TEST2</p>

＆＃13;

请参阅CSS selectors。

Answer 2

使用类选择器将选择该元素，并选择具有相同类的其他元素。

将标签添加到选区（div.cas）只会选择具有该类的div。

两者都有效，所以。

CSS类和ID选择器中的HTML元素类型

2 个答案: