css样式有哪几种选择器?

CSS的选择器其实大类的话可以分为三类,即id选择器、class选择器、标签选择器。用法如下:id名 { 属性名:属性值; } .class名 { 属性名:属性值; } 标签名 { 属性名:属性值; } 其中,他们之间又可以以不同的方式进行组合,如下:后代选择器: 父代名 后代名 { 属性名:属性值; } 子代选择器...
css样式有哪几种选择器?
CSS选择器、优先级与匹配原理
1.id 选择器(#myid)2.类选择器(.myclassname)3.标签选择器(div,h1,p)4.相邻选择器(h1+p)5.子选择器(ul < li)6.后代选择器(li a)7.通配符选择器(*)8.属性选择器(a[rel="external"])9.伪类选择器(a:hover,li:nth-child)
其中ID选择器的效率是最高,而伪类选择器的效率则是最低

CSS的权重

1.通配选择符的权值 0,0,0,0
2.标签的权值为 0,0,0,1
3.类的权值为 0,0,1,0
4.属性选择的权值为 0,0,1,0
5.伪类选择的权值为 0,0,1,0
6.伪对象选择的权值为 0,0,0,1
7.ID的权值为 0,1,0,0
8.important的权值为最高 1,0,0,0
使用规则: 选择器的权值加到一起,大的优先;如果权值相同,后定义的优先 。
从上面我们可以得出两个关键的因素:
1.权值的大小跟选择器的类型和数量有关
2.样式的优先级跟样式的定义顺序有关2018-01-05
CSS的选择器其实大类的话可以分为三类,即id选择器、class选择器、标签选择器。
用法如下:
#id名 { 属性名:属性值; }
.class名 { 属性名:属性值; }
标签名 { 属性名:属性值; }
其中,他们之间又可以以不同的方式进行组合,如下:
后代选择器: 父代名 后代名 { 属性名:属性值; }
子代选择器: 父代名>子代名 { 属性名:属性值; }
群组选择器: #name1, .name2, #name div { 属性名:属性值; }
伪类选择器: name:伪类
通用(通配符)选择器: * { 属性名: 属性值; }……
常用的也就这些。

纯手打,望采纳。我的百度个人简介里面还有博客网址,想看一些我资料欢迎进入我的博客。
2017-12-26
mengvlog 阅读 10 次 更新于 2025-06-21 01:25:46 我来答关注问题0
  • 1. ID选择器(#myid):通过元素的ID属性进行匹配。2. 类选择器(.myclassname):通过元素的类属性进行匹配。3. 标签选择器(div, h1, p):直接匹配指定的HTML标签。4. 相邻选择器(h1+p):匹配紧随指定元素后的兄弟元素。5. 子选择器(ul > li):匹配指定元素的直接子元素。6. 后代选择...

  • CSS中的样式选择器共有十种,它们分别是:类别选择器,它用于选择具有相同类名的所有元素。例如,.myClass会匹配所有具有myClass类名的元素。标签选择器,它用于选择页面上特定的HTML标签。例如,p选择器会匹配文档中所有的段落。ID选择器,它用于选择具有特定ID的所有元素。每个页面只能有一个元素具有某个...

  •  深空见闻 Css中的选择器类型有哪三种?

    其次,是ID选择器,其格式为:#id号{}。ID选择器通常用于唯一标识页面上的特定元素,确保这些元素拥有独一无二的样式。一个页面中只能存在一个具有相同ID的元素,因此ID选择器能够确保样式应用的唯一性。最后,是标签选择器,即直接使用标签名作为选择器,如:p{}。标签选择器能够应用于所有具有特定标签...

  •  阿暄生活 css选择器类型有哪几种

    CSS选择器类型主要有以下几种:标签选择器:通过HTML标签名称来选择元素。例如,p选择器会选择所有标签。应用建议:尽量应用在层级选择器中,以提高选择器的精确性和效率。id选择器:通过元素的id属性来选择元素。id名称在文档中必须是唯一的。例如,#header会选择id为header的元素。类选择器:通过元素的cl...

  •  翡希信息咨询 css中的选择器包括哪些

    CSS中的选择器主要包括以下几种:元素选择器:说明:根据HTML元素的名称来选择元素。示例:p {color: red;},将所有元素的文字颜色设置为红色。类选择器:说明:使用.来选择带有特定类的元素。示例:.intro {fontsize: 20px;},将所有带有intro类的元素的字体大小设置为20像素。ID选择器:说明:使用...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部