css样式有哪几种选择器?

2024-11-17 06:29:55
推荐回答(2个)
回答1:

CSS的选择器其实大类的话可以分为三类,即id选择器、class选择器、标签选择器。

用法如下:

  •     #id名 { 属性名:属性值; }

  •     .class名 { 属性名:属性值; }

  •     标签名 { 属性名:属性值; }

其中,他们之间又可以以不同的方式进行组合,如下:

  1.     后代选择器: 父代名 后代名 { 属性名:属性值; }

  2.     子代选择器: 父代名>子代名 { 属性名:属性值; }

  3.     群组选择器: #name1, .name2, #name div { 属性名:属性值; }

  4.     伪类选择器: name:伪类

  5.     通用(通配符)选择器: * { 属性名: 属性值; }……

    常用的也就这些。


纯手打,望采纳。我的百度个人简介里面还有博客网址,想看一些我资料欢迎进入我的博客。

回答2:

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. 样式的优先级跟样式的定义顺序有关