KLbluegreen的博客

一、嵌套 1、简单嵌套 #father { background: pink; .child1 { color: orange; } .child2 { color: green; } } 2、用&标识符的嵌套 #father a { color: pink; &:hover { color: orange; } } 让父元素下所有的a标签都拥有hover效果。 3、群组选择器的嵌套 #father { h1, h2, h3

选择符 1 ID选择符 2 类选择符 3 标签选择符 4 相邻兄弟选择符：h1+p 5 子元素选择符：E1>E2 6 后代选择符（包含选择符）：E1 E2 【自我理解：后代和子元素选择符区别：前者可以写多个层数，后者只能是父>子。】 7 通配符：* 8 属性选择符：E1[attr]、E1[attr=value]、E1[attr~=value]、E1[attr|=val...