淘先锋技术网

首页 1 2 3 4 5 6 7

CSS有四种选择器,分别是:

1. 元素选择器(Element Selector)


p {
  color: red;
}

CSS的四种选择器报告

元素选择器是指通过标签名来选择元素。上面的代码就是将所有的<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的四种选择器,每种选择器都有自己的特点和应用场景,能够提高页面样式的灵活度和可扩展性。