2017-10-15
后代选择器:父级选择器名称 子集元素(后代元素也可以)名称{声明块}
自己选择器:父级选择器名称>子集元素名称{声明块}
元素名(父级选择器+“空格(或>)”+子集元素):nth-child(x)选中父级元素选择器中的第x个自带元素
x为2n的话表示每2个子代才选中一次(n的起始值为0)
偶数项为even,奇数项为odd
属性选择器
元素名称[属性名称=“属性值”]{声明块}
元素名[属性名^=“属性值”]{声明块}(选择以属性值开头的标签)
元素名[属性名$=“属性值”]{声明块}(选择以属性值结尾的标签)
元素名[属性名*=“属性值”]{声明块}(选择包含属性值的标签)
.box em:only-child{声明块}(只有一个em时才会生效)
.box4 p:nth-of-typs(3){声明块}(选择box4类中类型为p的第三个元素)
CSS中的边框
border:npx solid(实线)/dashed(虚线)/dotted(点线)/double(双实线)
继承:后代元素汇集成祖先元素的CSS属性
层叠:
|内嵌|id|class|元素|
|a |b|c |d |
内嵌 |1 |0|1 |0 |
id |0 |1|0 |0 |
class,属性,伪类|0 |0|1 |0 |
元素、伪元素|0 |0|0 |1 |
通配符* |0
!important |最高
属性冲突时会发生层叠