1.css中的 > 是什么意思？
A > B 代表A元素的所有子B元素。若子类还包含子类则其不会被选中。
A B 代表选择所有的后代元素，A>B代表只选择一代。
具体可看《精通css》p21 2.3.1章节。
2. A+B表示HTML中紧随A的B元素。
3. css选择器有哪些？
标签选择器、类选择器、ID选择器、伪类选择器、后代继承选择器、群选择器、属性选择器
标签选择器：p a body div
类选择器： .text
ID选择器： #id
伪类选择器：a：hover { } a：link { }
通用选择器： *
后代继承选择器：html{font-size:16px},后代就会继承html的字体
群选择器： p,div,h1,h2{color:black}
属性选择器：acronym[title],a[rel="follow"]，当鼠标悬停在title属性的元素上时，显示相应的效果。
4. A~B 波浪线代表为A元素之后所有的B元素设置样式
定义和用法：1.A~B代表A之后出现的所有B元素。2.两种元素必须拥有相同的父元素，但B元素不必紧随A元素。
参考：https://www.cnblogs.com/liuting1314521/p/6185857.html
.a , .b {逗号指相同的css样式} ； .a .b {空格指后代元素}； .a>.b{大于号指子代元素}
5.css权重
style=“ ” 1000

wrapper #content { } 200

content .datePosten {} 110

div#content {} 101

content {} 100

p .comment .dateposted {} 21
p .comment {} 11
div p {} 2
p {} 1
6.css3伪类选择器单冒号（:）与双冒号（::）的区别
单冒号用于伪类，双冒号用于伪元素
伪元素由双冒号和伪元素名称组成。双冒号是在css3规范中引入的，用户区分伪类和伪元素。
但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，比如：first-line、：first-letter、:before、:after等。
css伪类和伪元素用于向某些选择器设置特殊效果。
伪类： ：link、：visited、：hover 、：active 、：first-child 、：lang 、：focus
伪元素： ：first-letter、:first-line、：before、：after
对于css2之前已有的伪元素，比如：before，单冒号和双冒号的写法::before作用是一样的。
如果只要兼容webkit、firefox、opera等浏览器，建议对于伪元素采用双冒号的写法，‘
如果要兼容IE浏览器，用css2的单冒号写法比较安全。
7.css3新增属性选择器
E[foo^="bar"] 选择匹配E的元素，且该元素定义了foo属性，foo属性以“bar”开始。E选择符可以省略，表示可以匹配任意了类型的元素。
E[foo$="bar"]选择匹配E的元素，且该元素定义了foo属性，foo属性值以“bar”结束。E选择符可以省略，表示可匹配任意类型的元素。
E[foo*=“bar”]选择匹配E的元素，且该元素定义了foo属性，foo属性值包含“bar”。E选择符可以省略，表示可以匹配任意了类型的元素。
不足之处还请指正！谢谢！
相关参考：https://www.cnblogs.com/libingql/p/4375354.html