p30 常用选择器

• class ：.class
• id : #id
• 元素选择器

p31 复合选择器

• 交集选择器 div.class {}
• 并集选择器 ul,p,div {}

p32 关系选择器

• 子元素：被某元素直接包含，div>span {}
• 父元素，
• 祖先元素，
• 后代元素:div span{}
• 兄弟元素:拥有相同父元素 p+span {}选中紧挨p后的span元素 p~span {}选择p后所有的兄弟span元素

p33 属性选择器

• p[attribute]选择含有某属性的p元素
• p[attr=value]选择属性值为某某的元素
• p[attr^=value]选择属性值的开头为某某的元素
• p[attr$=value]选择属性值的结尾为某某的元素

p34 伪类选择器

• ul>li:first-child
• ul>li:last-child
• ul>li:nth-child(n/2n/2n+1/odd奇数/even偶数)
• 伪类是根据所有子元素排序的
• ul>li:first-of-type
• ul>li:last-of-type
• ul>li:nth-of-type()

p35 超链接的伪类

• a:link
• a:visited
• a:hover
• a:active

p36 伪元素选择器

• p::first-letter
• p::first-line
• p::selection
• ::before：结合content使用
• ::after：结合content使用

p37 餐厅练习