css选择器
css选择器:一种快速定位元素的方法
基本用法<1>
*
选择所有元素
.class
.intro 选择所有class="intro"的元素
#id
#firstname 选择所有id = "firstname"的元素
element
p 选择所有<p>元素
:not(selector)
:not(p) 选择所有非p元素的元素
基本用法<2>
element,element
div,p 选择所有<div>和<p>元素
element element
div p 选择<div>元素内的所有<p>元素(后代)
element>element
div>p 选择所有父级是<div>的<p>元素(儿子)
element~element
p~ul 选择p元素后的每一个ul(弟弟)
element+element
div+p 选择所有紧跟<div>元素之后的<p>元素(第一个弟弟)
基本用法<3>
[attribute]
[target] 选择所有带有target属性的元素
[attribute=value]
[target=_blank] 选择所有使用target="_blank"属性的元素
[attribute^=value]
a[src^="https"] 选择每一个src属性的值以"https"开头的元素
[attribute$=value]
a[src$=".pdf"] 选择每一个src属性的值以".pdf"结尾的元素
[attribute*=value]
a[src*="skr"] 选择每一个src属性包含字符串skr的元素
基本用法<4>
基本用法<5>
element.class
p.skr 所有class="skr"的p元素