css选择器有哪些，选择器的权重的优先级

选择器类型：
1、ID　　#id
2、class　　.class
3、标签　　p
4、通用　　*
5、属性　　[type="text"]
6、伪类　　：hover
7、伪元素　　::first-line
8、子选择器、相邻选择器权重计算规则：
1、第一等：代表内联样式，如: style=””，权值为1000。
2、第二等：代表ID选择器，如：#content，权值为0100。
3、第三等：代表类，伪类和属性选择器，如.content，权值为0010。
4、第四等：代表类型选择器和伪元素选择器，如div p，权值为0001。
5、通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。
6、继承的样式没有权值。

css选择器有哪些，选择器的权重的优先级相关推荐

html盒子优先级设置,CSS 基础(盒模型、选择器、权重、优先级)
层叠样式表(Cascading Style Sheets) 盒模型盒模型包含四部分:margin.border.padding.content.如果不使用doctype声明,浏览器默认使用自己的模式 ...
css选择器权重与优先级
一:优先级第一优先级:css属性+!important 拥有最高优先级第二优先级: 给标签加style,及内联样式权值1000 第三优先级: id选择器,#id{} ...
好程序员web前端CSS选择符（选择器）:表示要定义样式的对象
好程序员web前端CSS选择符(选择器):表示要定义样式的对象 1) 元素选择符/类型选择符(element选择器 ) 如:div{width:100px; height:100px; backgro ...
css层叠样式表、基本选择器
文章目录系列文章目录前言一.css层叠样式表 1.css组成 2.css引入方式 3.文字样式 4.文本属性二.选择器 1.基本选择器 2.最高样式引入 3.伪链接选择器 4.伪结构选择器 5 ...
CSS样式内联选择器选择器优先级伪类顺序
日期:2020-10-02 作者:19届WY 标签:CSS选择器相关内容一.html简介&CSS简介 == html简介 : 结构:决定网页的结构及内容,即"显示哪些内容" ...
CSS入门、基本选择器和组合选择器
CSS的基本使用定义注释样式行内样式内部样式外部样式优先级 <head><meta charset="utf-8"><title> ...
CSS基础二（选择器的使用）
一选择器 1 标签选择器权重为1 p{color:red;} 2 id选择器权重为100 给标签添加id的属性,值为id名 <div id="bo ...
HTML笔记——④css样式表、选择器、常用属性
HTML笔记--④css样式表.选择器.常用属性一 CSS 1.1 CSS语法 1.2 CSS样式表 1.2.1 内部样式表 1.2.2 外部样式表 1.2.3 行内样式表 1.3 CSS常用属性 ...
css的认识和选择器
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.掌握CSS样式规则,能够书写规范的CSS样式代码. 二.掌握CSS字体样式及文本外观属性,能够控制页面中的文本样式 ...

css选择器有哪些，选择器的权重的优先级

css选择器有哪些，选择器的权重的优先级相关推荐

最新文章

热门文章