您所在的位置: 首页 > 我的成长 > CSS中ID和CLASS的区别

CSS中ID和CLASS的区别

我们都知道,当我们定义div样式时,可用id和Class。id与class区别,有的新手对此非常迷茫,不知道什么时候该用id,什么时候该用class。这两个选择器让新手左右为难。

一、我们从写法可以看出<div id=”a”></div>时候,style中写法为#a。<div class=”a”></div>时候,style中写法为.a。

二、在web标准中是不容许重复id的,例如 div id=”a” 不容许重复2次;而class所定义的是类,理论上可以无限重复。以根据需要多次引用。

三、 我们定义了一个<div id=”a”></div>和<div class=”a”></div>。当然我们想在div中继续添加个b的样式<div id=”a b”></div>,这是错误的。而<div class=”a b”></div>是可行的。

四、属性的优先级问题,id的优先级要高于class。我们来举个例子:<div id=”a”><div class=”b”>test</div></div>,style中#a{color:red;}  .b{color:blue;},可以看到页面中的字体颜色是红色,class=“b”的蓝色字体颜色并没起效果。

五、 JS等客户端脚本也是需要id指定对象,为方便和避免JS等客户端脚本,我们最好用class来定义样式。

希望这篇文章对刚刚学DIV+CSS的朋友有所帮助。

请尊重我们的辛苦付出,未经允许,请不要转载 健宇工作室 的文章,鄙视各种无耻的采集行为!

健宇工作室分享区  YY教学频道号:63565426

相关日志:

CSS中ID和CLASS的区别:等您坐沙发呢!

给我留言

25 + 70 = 两数相加后,请输入答案