CSS选择器

ok，给大家讲了这么多了，大家是否觉得有些不系统呢？
下面就由我给大家总结一下，不到之处，还请见谅。
一、选择器总结
选择器
用style属性描述的，对于样式的描述，#id{}/div{}
样式的描述包括两部分：即选择器和样式的内容。
样式内容：以键值对的形式描述样式的细节
选择器就是描述后面的样式具体添加到施加对象的目标。或者说是根据某个依据来选择应用样式。
根据选择需求依据的不同，就产生了各种不同样式的选择器。下面介绍五种供大家认识。
1.元素选择器：按照标签（元素的名称来选择相应的目标）
写法：
元素名{ 属性 }
2.id选择器
写法：#idName{ 属性 }
3.类选择器
写法：
.className{ 属性 }
根据元素的class属性来选择，class="ClassName"
格式：
[title]:选择设置了title属性的元素
[title=”tt”]：选择了title属性等于的元素
[title^=”tt”]：选择了title属性以tt开头的元素
[title~=”tt”]：选择了title属性包含完整tt单词的元素
[title&=”tt”]：选择了title属性以“tt”结尾的元素
[title*=”tt”]：选择了title属性包含tt的元素
以上六个写法大家看看就行，能记就记，重在理解。
4.关系选择器：根据元素建立的家族关系来选择目标
写法:
E P:在选择器E选中的目标中再去选中后代满足F选择器的目标
E>F:选择直接后代
E~F:选择所有弟弟
E+F:选择第一个弟弟
伪类、伪元素选择器
5.伪元素：
其效果与增加一个元素来实现的效果等价，因此称为伪元素。
.伪类：其效果与增加一个类来实现的效果等价，因此称为伪类。
组合选择器：多个选择器使用同一个样式来描述，以逗号分开
最后，小编给大家介绍一下css的三大特性。
CSS三大特性：
继承性：子代可以直接使用父类的某些特征（样式），有些可以继承，有些不能继承。
继承的效果可以从浏览器的开发者工具中得到佐证，按住F12
但并不是所有的属性都可以被继承。
可以被继承的主要有：
字体相关：line-height, font-family, font-size, font-style, font-variant, font-weight, font
文本相关： letter-spacing, text-align, text-indent, text-transform, word-spacing
列表相关：list-style-image,  list-style-position, list-style-type, list-style
还有一个比较重要的：color
不可继承的：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、table-layout、vertical-align、page-break-after、
             page-bread-before和unicode-bidi。
层叠性：就是几个选择器同时选中一个目标，不同的效果进行层叠。
但如果出现层叠冲突的时候效果会怎样呢？这就必须考虑优先级了。
优先级：在现实生活中当多条互相冲突的规则施加在同一个事物，必须指定一个规则，也就是优先级
内联>id选择器>类选择器>元素选择器
内部样式>外部样式