html – CSS :: .className和div.className之间的区别

发布时间：2020-12-14 21:18:27 所属栏目：资源来源：网络整理

导读：我写了一个html元素如下:: div class="box" Foo box /div 写css就像 .box { width: 400px; height: 40px; color: red; text-align: center;}ordiv.box { width: 400px; height: 40px; color: red; text-align: center;} 我想问一下盒子类的两个css是如何彼此

我写了一个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>

类之前的选择器指定哪个类型的元素可以使用此类

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!