你所不了解的css选择器

我们目前接触到的选择器：.class   #id  div  ......

不了解的选择器：a>b   a+b [a~=b] [a|=b]......   一下说举5 6 7 8为css3中的定义

1.a>b

div>p  选择父元素为 <div> 元素的所有 <p> 元素。

2.a+b

div+p  选择紧接在 <div> 元素之后的所有 <p> 元素。

3.[a~=b]

[title~=flower]  选择 title 属性包含单词 "flower" 的所有元素。

4.[lang|=en]

选择 lang 属性值以 "en" 开头的所有元素。

5.[a^=b]

a[src^="https"] 选择其 src 属性值以 "https" 开头的每个 <a> 元素

6.[a$=b]

a[src$=".jpg"]  选择其 src 属性以 ".jpg" 结尾的所有 <a> 元素。

7.[a*=b]

a[src*="abc"]  选择其 src 属性中包含 "abc" 子串的每个 <a> 元素。

8.a~b

p~ul  选择前面有 <p> 元素的每个 <ul> 元素。

转载于:https://www.cnblogs.com/wang-jun/p/4829602.html