2020-09-08

html css选择器

1、属性选择器
E[att$=value]属性选择器概念：E[att$=value] 属性选择器是指选择名称为E的标记，且该标记定义了att属性，att属性值包含后缀为value的子字符串。与E[att^=value]选择器一样，E元素可以省略，如果省略则表示可以匹配满足条件的任意元素。
表达式：div[id$=section]
表示匹配包含id属性，且id属性值是以“section”字符串结尾的div元素。
2、关系选择器
关系选择器和前面讲的复合选择器类似，但关系选择器可以更精确的控制元素样式。CSS3中的关系选择器主要包括子元素选择器和相邻兄弟选择器，其中子元素择器由符号“>”连接，兄弟选择器由符号“+”和“~”连接。
3、子元素选择器
概念：子元素选择器主要用来选择某个元素的第一级子元素。
希望选择子作为h1元素的子元素的strong元素，可这样写h1>strong。
4、相邻兄弟选择器
概念：兄弟选择器用来选择与某元素位于同一个父元素之中，且位于该元素之后的兄弟元素。
临近兄弟选择器：该选择器使用“+”来链接前后两个选择器。选择其中的两个元素有同一个父亲，而且第二个元素必须紧跟第一个元素。
普通兄弟选择器：使用“~”来链接前后两个选择器。选择器中的两个元素有同一个父亲，但第二元素不必紧跟第一个元素。