[技巧心得] 嵌套选择器优先级
[技巧心得] 嵌套选择器优先级
一组嵌套选择器的优先级是可以计算出来的。
div p { color: red; }
p { color: blue; }
结果:p元素下元素颜色是红色。原则:ID选择器的值是100,class选择 器的值是10,html选择器值是1。
所以,上面两个选择器的优先级分别是:11、1,所有是红色。
例如:div p.tree
优先级的值是:1+1+10 = 12
了解更多:www.xinran001.com
转载于:https://www.cnblogs.com/jinrui/archive/2011/09/08/2171022.html
[技巧心得] 嵌套选择器优先级相关推荐
- 样式的层级关系,选择器优先级,样式冲突,以及抽离样式模块怎么写,说出思路,有无实践经验
1.样式的层级关系:一个是权重,另一个就是共用样式和私用样式了,比如说两个ul,它们的子元素除了背景色之外都一样,那可以直接用li {}来定义相同的公用样式,用 .ul_1 li {} , .ul_2 ...
- CSS选择器优先级详解
1. 优先级分级 按照优先级从高到低排列: 1. ! important .foo{color:red !important } !important是顶级优先级,唯一推荐使用它的场景为忽略JS脚本设 ...
- 【CSS】选择器优先级
CSS的选择器优先级的权重 在 Selectors Level 3 规范中,一个选择器的优先级(权重)由依次串联的a.b.c三个标记来计算 a: ID选择器 如#header b: class选择器如 ...
- Web开发(一)·期末不挂之第四章·CSS语法基础(CSS选择器选择器优先级各类样式表的使用方法)
CSS语法基础 一.单纯html控制样式的缺点 二. CSS✪✪✪ CSS概述 CSS基础语法 组成 选择器 标签选择器 类选择器 id选择器 通配选择器 后代选择器 插入样式表的三种方式 行内样式 ...
- 一天搞定CSS: CSS选择器优先级--08
选择器优先级:是指代码的执行顺序 通俗的说,就是多个选择器同时对一个标签分别添加样式,那么这个标签显示那个选择器设置的样式 1.优先级规则 2.规则1和2说明 优先级相同,谁后谁优先 优先级不同,优先 ...
- 技巧心得:Linux技巧小总结
技巧心得:Linux技巧小总结 1.处理特殊的文件名 假设Linux系统中有一个文件名叫"-aaa",如果我们想对它进行操作,例如现在要删除它,如果我们按照一般的删除方法在命令行中 ...
- CSS 选择器优先级与效率优化
CSS选择器优先级与效率优化 Date: 7th of Aug, 2015 Author: HaoyCn 本文收集网上各处关于CSS选择器的文章总结,并自己归纳一篇. 各类选择器的优先级 import ...
- 谁动了我的选择器?深入理解CSS选择器优先级
深入理解CSS选择器优先级
- 教你玩转CSS 分组选择器和嵌套选择器
目录 分组选择器 嵌套选择器 分组选择器 在样式表中有很多具有相同样式的元素. h1 {color:green;}h2 {color:green;}p {color:green;} 为了尽量减少代码, ...
- 伪类 选择器优先级
:link 匹配所有未被点击的链接:a:link{color:red} :visited 匹配所有被点击的链接:a:visited{color:red} :hover 匹配鼠标悬停其上的E元素 a:h ...
最新文章
- 将C/C++程序的变量数据导入到MATLAB中的方法
- xgboost 的 get_fscore()
- JZOJ 5932. 【NOIP2018模拟10.27】情报中心
- 项目学生:分片集成测试数据
- tomcat报404
- 02:陶陶摘苹果【一维数组】
- 2.3.3 Zero Sum 和为零(DFS)
- java中文乱码_Java中文乱码问题的解决方案
- JustView(Office、CAD)在线预览平台调用说明
- 基于机智云物联网平台的智能花盆2.0,实现了智能灌溉与自动补光
- [Chrome插件开发]监听网页请求和响应
- 详解FAT12文件系统
- y是x的平方的反比例函数_反比例函数的图像和性质 x不能为0y也不能为0所以反...
- Vivado 信号混频设计
- 顶级赛事!2021 CCF大数据与计算智能大赛重磅开赛!
- 基于stm32无线充电器设计
- MFC设置编辑框内容
- Python的大数据之旅(1)---Anaconda与WingIDE安装
- MII和mii-tool
- Visa在2020年东京奥运会和残奥会前公布“Visa之队”阵容