第四章CSS选择器

选择器分为四大类：属性选择器、关系选择器、结构化伪选择器和伪元素选择器。
属性选择器：
1、E[att^=value]选择器
概念：是指选择名称为E的标记，且该标记定义了att属性，att属性值包含前缀为value的子字符串。E元素可以省略。
div[id^=section]
表示匹配包含id属性，且id属性值是以“section”字符串开头的div元素。
E[att$=value]概念：是指选择名称为E的标记，且该标记定义了att属性，att属性值包含后缀为value的子字符串。E元素可以省略。div[id$=section]
表示匹配包含id属性，且id属性值是以“section” 字符串结尾的div元素。
E[att*=value]
概念：是指选择名称为E的标记，且该标记定义了att属性，att属性值包含value子字符串。E元素可以省略。
div[id*=section]
表示匹配包含id属性，且属性值包含“section”字符串的div元素。
关系选择器
1、子元素选择器
子元素选择器主要用来选择某一个元素的第一级子元素。如果你希望选择只作为h1元素子元素的strong元素，可以这样写：h1>strong。
兄弟选择器
概念：兄弟选择器用来选择与某元素位于同一个父元素之中，且位于该元素之后的兄弟元素。
（1）临近兄弟选择器：
选择器使用“+”来连接前后两个选择器。选择器中的两个元素有同一个父亲，而且第二个元素必须紧跟第一个元素。
（2）普通兄弟选择器：
使用“~”链接前后的两个选择器。选择其中的两个元素有同一个父亲，但第二个元素不必紧跟第一个元素。