css selector的优先级

Selector		Specificity
行内样式	style=""	1,0,0,0
id选择器	#content {}	0,1,0,0
class选择器	.content{}	0,0,1,0
标签选择器	div{}	0,0,0,1
2个id选择器	#div #content{}	0,2,0,0
11个class选择器	.a1 .a2 .a3.....a11{}	0,0,11,0
1个id和1个class选择器	#div .nav{}	0,1,1,0

　　如表格所示，行内样式拥有最高优先级，其次是id选择器，再其次是class类选择器，最后是标签选择器。

　　当选择器叠加的时候，并不是简单的相加。如果将id选择器的优先级看成100的话，class类选择器是10，那么11个选择器就是110，会优先于id选择器，其实错了。一个id选择器是0,1,0,0，而11个class类选择器只是0,0,11,0，id选择器还是优先于11个class类选择器。

转载于:https://www.cnblogs.com/fu277/archive/2012/01/04/2312263.html

css selector的优先级相关推荐

详解CSS选择器、优先级与匹配原理
选择器种类严格来讲,选择器的种类可以分为三种:标签名选择器.类选择器和ID选择器.而所谓的后代选择器和群组选择器只不过是对前三种选择器的扩展应用.而在标签内写入style=""的 ...
CSS选择器及优先级总结
一.优先级不同级别在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式. 作为style属性写在元素内的样式 id选择器类选择器元素选择器通配符选择器浏览器自定义或继承 ...
【CSS】选择器优先级
CSS的选择器优先级的权重在 Selectors Level 3 规范中,一个选择器的优先级(权重)由依次串联的a.b.c三个标记来计算 a: ID选择器如#header b: class选择器如 ...
jsoup获得css,Jsoup代码解读之五-实现一个CSS Selector
Jsoup代码解读之七-实现一个CSS Selector 当当当!终于来到了Jsoup的特色:CSS Selector部分.selector也是我写的爬虫框架webmagic开发的一个重点.附上一张s ...
Selenium - CSS Selector
用CSS(即层叠样式表Cascading Stylesheet) Selector来定位(locate)页面上的元素(Elements).Selenium官网的Document里极力推荐使用CSS l ...
Jsoup代码解读之七-实现一个CSS Selector
转载自 Jsoup代码解读之七-实现一个CSS Selector 当当当!终于来到了Jsoup的特色:CSS Selector部分.selector也是我写的爬虫框架webmagic开发的一个重 ...
xpath和css selector
参考:https://www.cnblogs.com/captainmeng/p/7852044.html css selector解释:https://www.cnblogs.com/feng081 ...
html css控制优先级,css权重及优先级问题_html/css_WEB-ITnose
css权重及优先级问题几个值的对比初始值指定值计算值应用值 CSS属性的指定值 (specified value)会通过下面3种途径取得: 在当前文档的样式表中给这个属性赋的值,会被优先使 ...
Python 中 xpath 语法与 lxml 库解析 HTML/XML 和 CSS Selector
The lxml.etree Tutorial :https://lxml.de/tutorial.html python3 解析 xml:https://www.cnblogs.com/deadwo ...

css selector的优先级

css selector的优先级相关推荐

最新文章

热门文章