这是我参与「第四届青训营 」笔记创作活动的第1天

深入CSS

1.选择器的特异度

选择器特异度的计算

（1）如果一个声明出现在元素的style属性中，则将a计为1； （2）b等于选择器中所有ID选择器加起来的数量和 （3）c等于选择器中所有class选择器和属性选择器，以及伪类选择器加起来的数量和 （4）d等于选择器中所有标签选择器和伪元素选择器加起来的数量和 a-b-c-d即是选择器的特异度，比较顺序从a先比起，谁先大则优先级就越高。

注意： 继承的优先级最低，没有特异度 结合符（如+，>）及通用选择符（*）特异度为0

eg： .box{} /特异度=0，0，1，0/ .box div{} /特异度=0，0，1，1/ #nav li{} /特异度=0，1，0，1/ p:first-line{} /特异度=0，0，0，2/ style="" /特异度=1，0，0，0/

2.继承--某些属性会自动继承其父元素的计算值，除非显示指定一个值

1.css可以和不可以继承的属性

不可继承的：

display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、box-sizing、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。

所有元素可继承：

visibility和cursor。

内联元素可继承：

letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。

终端块状元素可继承：

text-indent和text-align。

列表元素可继承：

list-style、list-style-type、list-style-position、list-style-image。

表格元素可继承：

border-collapse。

2.值的继承

继承也是基于文档树的，文档树中元素的某些属性可以被其子元素继承，每一个CSS属性都定义了它能否被继承。要设定文档的某些缺省样式属性，可以在文档树的根上设定该属性，如果这个属性可以继承，则其后代元素将继承这个属性，例如color、font-size等属性。

3.“inherit（继承）”值

每一个属性可以指定值为“inherit”，即：对于给定的元素，该属性和它父元素相对属性的计算值取一样的值。继承值通常只用作后备值，它可以通过显式地指定“inherit”而得到加强，例如：

p { font-size: inherit; } 1

4.继承的局限性

继承虽然减少了重复定义的麻烦，但是，有些属性是不能继承的，例如border（边框）、margin（边距）、padding（补白）和背景等。 这样设定是有道理的，例如，为一个