CSS样式基础
CSS选择器
选择器是什么
选择器列表
h1, .special {
color: blue;
}
选择器的种类
类型 类 ID 选择器
标签选择器
伪类与伪元素
运算符
类型选择器(标签名选择器或者是元素选择器)
p {
font-size: 10
}属性选择器
存否和值选择器
| 选择器 | 示例 | 描述 |
|---|---|---|
[attr] | a[title] | 匹配带有一个名为_attr_的属性的元素——方括号里的值。 |
[attr=value] | a[href="https://example.com"] | 匹配带有一个名为_attr_的属性的元素,其值正为_value_——引号中的字符串。 |
[attr~=value] | p[class~="special"] | 匹配带有一个名为_attr_的属性的元素,其值正为_value_,或者匹配带有一个_attr_属性的元素,其值有一个或者更多,至少有一个和_value_匹配。 注意,在一列中的好几个值,是用空格隔开的。 |
[attr|=value] | div[lang|="zh"] | 匹配带有一个名为_attr_的属性的元素,其值可正为_value_,或者开始为_value_,后面紧随着一个连字符。 |