CSS选择器中:类和ID选择器的区别_html/css_WEB-ITnose
程序员文章站
2022-03-27 11:58:04
...
相同点:可以应用于任何元素
不同点:
1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。
下面代码是正确的:
中国是个伟大的国家。。。。。*是现任的国家主席
而下面代码是错误的:
中国是个伟大的国家。。。。。*是现任的国家主席
2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。
下面的代码是正确的(完整代码见右侧代码编辑器)
.stress{ color:red;}.bigsize{ font-size:25px;}到了class="stress bigsize">三年级下学期时,我们班上了一节公开课...
下面的代码是不正确的(完整代码见右侧代码编辑器)
#stressid{ color:red;}#bigsizeid{ font-size:25px;}到了id="stressid bigsizeid">三年级下学期时,我们班上了一节公开课...
到了三年级下学期时.(这样可行)
注意:上面代码可以把color:red和font-size:25px;放在一个类选择器里面,如果既要设置一个词语的颜色为red又要设置它的字体为25px,那就方便多了;但是倘若一个地方只需要设置它的颜色为red,那还要宁谢类选择器,所以说写类选择器时分得越细越好(自认为)!!!
上一篇: 使用CSS清除浮动的方法详解
下一篇: Java 添加Word文本框
推荐阅读
-
使用CSS的类名交集复合选择器_html/css_WEB-ITnose
-
CSS中的id选择器和class选择器简单介绍_html/css_WEB-ITnose
-
dynamic-css 动态 CSS 库,使得你可以借助 MVVM 模式动态生成和更新 css,从 js 事件和 css 选择器的苦海中脱离出来_html/css_WEB-ITnose
-
前端开发HTML&css入门——伪类选择器和一些特殊的选择器
-
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
-
如何使用CSS3中的结构伪类选择器和伪元素选择器
-
css代码中的加号(+)相邻选择器的作用_html/css_WEB-ITnose
-
id、name、class在html和css中的区别用法详解
-
多类选择器的运用_html/css_WEB-ITnose
-
彻底弄懂css中单位px和em,rem的区别_html/css_WEB-ITnose