我写了一个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是如何彼此不同的.
不同之处在于,在第一个类中,您告诉所有带有类框的元素(div,p,span …)都具有该
属性.
喜欢这个:
- <span class="Box">test</span>
- <div class="Box">test</div>
- <p class="Box">test</p>
第二类意味着只有带有类框的div具有该属性
只有这些元素才能获得第二类:
- <div class="Box">test</div>
类之前的选择器指定哪个类型的元素可以使用此类