CSS有四种选择器,分别是:
1. 元素选择器(Element Selector)
p { color: red; }
元素选择器是指通过标签名来选择元素。上面的代码就是将所有的<p>标签文字颜色修改为红色。
2. ID选择器 (ID Selector)
#intro { background-color: yellow; }
ID选择器使用“#”来定义,可以只匹配一个特定ID的元素。上述代码修改了id为“intro”的元素的背景色为黄色。
3. 类选择器(Class Selector)
.warning { font-weight: bold; }
类选择器使用“.”来定义,可以匹配所有包含某个class属性的元素。如上述代码,将所有带有“warning”类名的元素加粗。
4. 属性选择器(Attribute Selector)
a[href="https://www.google.com"] { font-size: 16px; }
属性选择器使用方括号“[]”来定义,在方括号中写入属性的名称和属性值,可以匹配所有具有该属性且属性值与指定的值相匹配的元素。上述代码将所有指向“https://www.google.com”的链接文本大小设为16px。
以上是CSS的四种选择器,每种选择器都有自己的特点和应用场景,能够提高页面样式的灵活度和可扩展性。