基本选择器
通用选择器
选择所有元素。(可选)可以将其限制为特定的名称空间或所有名称空间。
语法:*
ns|*
*|*
例子:*
将匹配文档的所有元素。
(性能一般,不建议太多使用)
元素选择器
类选择器
ID选择器
属性选择器
语法
/* 存在 title 属性的 <a> 元素 */
a[title] {
color: purple;
}
/* 存在 href 属性并且属性值匹配"https://example.org"的 <a> 元素 */
a[href="https://example.org"]
{
color: green;
}
/* 存在 href 属性并且属性值包含"example"的 <a> 元素 */
a[href*="example"] {
font-size: 2em;
}
/* 存在 href 属性并且属性值结尾是".org"的 <a> 元素 */
a[href$=".org"] {
font-style: italic;
}
/* 存在 class 属性并且属性值包含单词"logo"作为一个独立的单词的<a>元素 */
a[class~="logo"] {
padding: 2px;
}
原创2023年8月14日...大约 2 分钟