CSS选择器优先级说明_html/css

来源：动视网责编：小采时间：2020-11-27 16:38:02

CSS选择器优先级说明_html/css

CSS选择器优先级说明_html/css_WEB-ITnose:原文：https://www.w3.org/TR/CSS2/cascade.html#computed-value Some examples: * {} /* a=0 b=0 c=0 d=0 -> specificity = 0,0,0,0 */ li {} /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 */

推荐度：

点击下载本文 文档为doc格式

导读CSS选择器优先级说明_html/css_WEB-ITnose:原文：https://www.w3.org/TR/CSS2/cascade.html#computed-value Some examples: * {} /* a=0 b=0 c=0 d=0 -> specificity = 0,0,0,0 */ li {} /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 */

原文：https://www.w3.org/TR/CSS2/cascade.html#computed-value

Some examples:

 * {} /* a=0 b=0 c=0 d=0 -> specificity = 0,0,0,0 */ li {} /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 */ li:first-line {} /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */ ul li {} /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */ ul ol+li {} /* a=0 b=0 c=0 d=3 -> specificity = 0,0,0,3 */ h1 + *[rel=up]{} /* a=0 b=0 c=1 d=1 -> specificity = 0,0,1,1 */ ul ol li.red {} /* a=0 b=0 c=1 d=3 -> specificity = 0,0,1,3 */ li.red.level {} /* a=0 b=0 c=2 d=1 -> specificity = 0,0,2,1 */ #x34y {} /* a=0 b=1 c=0 d=0 -> specificity = 0,1,0,0 */ style="" /* a=1 b=0 c=0 d=0 -> specificity = 1,0,0,0 */

In the above example, the color of the P element would be green. The declaration in the "style" attribute will override the one in the STYLE element because of cascading rule 3, since it has a higher specificity.

CSS选择器优先级说明_html/css

推荐度：

点击下载本文 文档为doc格式

标签： html 优先级 css

热门焦点

CSS选择器优先级说明_html/css

CSS选择器优先级说明_html/css

CSS选择器优先级说明_html/css

最新推荐

猜你喜欢

热门推荐