【CSS】选择器

https://www.runoob.com/cssref/css-selectors.html

组合的东西都是可以互相拼凑的
・div
・.className
・#idName
・[target="_blank"]

div

.className

div.className
>选择class为aaa元素<div>

div.className1.className2
>选择class包含className1 and className2元素<div>
div.center.aaa{text-align:center;}
<div class="center aaa">这个段落居中对齐。</div>

空格是指选择子元素
div .aaa
>选择<div>元素内的所有class 为aaa元素

属性选择器
[target="_blank"]
.aaa[target="_blank"]
>class 为aaa且target="_blank"的元素

p:first-child
>指定只有当<p>元素是其父级的第一个子级的样式。

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

input:checked
选择每个选中的输入元素

p:before
在每个<p>元素之前插入内容

p:after
在每个<p>元素之后插入内容

div,p
选择所有<div>元素和<p>元素

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

a[src$=".pdf"]
选择每一个src属性的值以".pdf"结尾的元素

a[src*="runoob"]
选择每一个src属性的值包含子字符串"runoob"的元素