CSS派生选择器

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名
1251 1 2 2018-02-06

没有难的知识 只有能帮到你的技巧

1.后代选择器(包含选择器,形态就是空格):“A”下的所有名字为“B”类,不管这个“B”藏的有多么深,不管“B”是“A”子类还是孙类还是重孙类,都能被选择并赋予属性值

例:A B{property:value;}


2.子元素选择器(“>”):仅仅从属于“A”的“B”类,“B”仅作为"A"的亲儿子,才可被选择并赋予属性值;

例:A > B{property:value;}


3.相邻兄弟选择器(“+”):紧紧与“A”相邻的“B”类,“A”与“B”是亲兄弟,需要有同一个父,这样“B”才能被选择并赋予属性值;

例:A + B{property:value;}


4.总结:以上选择器在实际操作中可以重叠使用,不仅可以节省代码量还可以彰显逼格。

例:A B2 > C1 + C2{property:value;}会将属性赋予谁呢?没错 是给C2赋予了值,当然,在实现的时候这样的写法不太合理,这里只是为了说明选择器而已啦~




    



全部评论:1

  • SAGM

    2018-02-06 18:15

    还有这种操作?

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票