我们目前接触到的选择器:.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> 元素。
时间: 2024-10-12 12:45:18