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 阅读 25 次 更新于 2025-08-07 07:24:57 我来答关注问题0
  •  翡希信息咨询 css选择器有哪些?

    标签选择器(Tag Selector):用于选择所有指定标签的元素。例如,选择所有的段落元素,可以使用p选择器。类选择器(Class Selector):用于选择具有指定类名的元素。例如,选择所有带有class="example"的元素,可以使用.example选择器。类选择器允许为多个元素应用相同的样式,只需这些元素具有相同...

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

  • CSS中最常用的四种基本选择器是:元素选择器、类选择器、ID选择器、派生选择器。元素选择器:描述:最常见的CSS选择器,通常指某种HTML元素,如p、h2、span、a、div等。用法:直接使用HTML标签名作为选择器,例如p { color: blue; },会将所有标签内的文字颜色设置为蓝色。类选择器:描述:通过class...

  • CSS选择器主要有以下几种:元素选择器:通过元素名称选择元素。例如,p 会选择所有段落元素。类选择器:通过元素的class属性选择元素。例如,.classname 会选择所有class属性为classname的元素。ID选择器:通过元素的id属性选择元素。例如,#idname 会选择id属性为idname的元素。值得注意的是,ID在一个HTML...

  •  宜美生活妙招 css选择器有哪些

    CSS选择器主要包括以下几种:标签选择器(Type Selector):标签选择器用于选择HTML文档中的特定标签,并为这些标签应用样式。例如,p { color: blue; } 会将所有标签中的文本颜色设置为蓝色。ID选择器(ID Selector):ID选择器用于选择具有特定ID属性的HTML元素,并为这些元素应用唯一的样式。ID在HTML...

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

CSS相关话题

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