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   |最高

属性冲突时会发生层叠

posted @ 2017-10-15 20:40  全て遠き理想郷  阅读(69)  评论(0编辑  收藏  举报