CSS中的继承与优先级总结


我们来一起看一下CSS中的继承与优先级问题,下面是简单的总结,大家可以看一下。

首先我们来看看继承:

1) 所有的text 相关属性都被继承:
如 font-family font-size; font-style;font-weight;font;font-variant;letter-spacing.line-height;
text-align text-indent; text-transfrom word-spacing
2)  所有的list相关属性都会被继承

3)color属性也会被继承

4)不是所有的属性都会被继承

下面是优先级总结:

1)id > class>标签,他们之前的权重大约是4:2:1

2)指定的比继承的级别要高

3)具体的级别要高

4)内部的样式高于外部嵌入的样式

5)important级别最高。

在写css的时候,先总体的考虑一下,设计一下。那些可以复用,可以节省很多的时间,同时代码也

优美,在此记录一下

我们来一起看一下CSS中的继承与优先级问题,下面是简单的总结,大家可以看一下。

首先我们来看看继承:

1) 所有的text 相关属性都被继承:
如 font-family font-size; font-style;font-weight;font;font-variant;letter-spacing.line-height;
text-align text-indent; text-transfrom word-spacing
2)  所有的list相关属性都会被继承

3)color属性也会被继承

4)不是所有的属性都会被继承

下面是优先级总结:

1)id > class>标签,他们之前的权重大约是4:2:1

2)指定的比继承的级别要高

3)具体的级别要高

4)内部的样式高于外部嵌入的样式

5)important级别最高。

在写css的时候,先总体的考虑一下,设计一下。那些可以复用,可以节省很多的时间,同时代码也

优美,在此记录一下


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3