html - CSS::.className 和 div.className 的区别

Question

我写了一个html元素如下::

<div class="box"> Foo box </div>

像这样写css

.box {
    width: 400px;
    height: 40px;
    color: red;
    text-align: center;
}

or

div.box {
    width: 400px;
    height: 40px;
    color: red;
    text-align: center;
}

我想问一下盒子类的两个 css 有何不同。

Answer 1

区别在于，在第一个类中，您告诉所有元素(div、p、span ...)类 box 具有该属性。像这样:

<span class="box">test</span>
<div class="box">test</div>
<p class="box">test</p>

第二个类意味着只有类 box 的 div 具有该属性

只有这个元素得到二等:

<div class="box">test</div>

class前的selector指定哪些类型的元素可以带这个class