css选择器类型有哪四种

作者：霸气邪剑仙发布日期:2025-09-04 浏览:77

/* 1. 标签选择器 (Element Selector) */
p {
  color: blue;
}

/* 解释：选择所有 <p> 元素，并将文本颜色设置为蓝色。 */

/* 2. 类选择器 (Class Selector) */
.class-name {
  background-color: yellow;
}

/* 解释：选择所有带有 class="class-name" 的元素，并将背景颜色设置为黄色。 */

/* 3. ID 选择器 (ID Selector) */
#id-name {
  font-weight: bold;
}

/* 解释：选择 id="id-name" 的唯一元素，并将字体加粗。 */

/* 4. 属性选择器 (Attribute Selector) */
a[target] {
  text-decoration: none;
}

/* 解释：选择所有带有 target 属性的 <a> 元素，并移除下划线。 */

上一篇：css 定义变量

下一篇：css 隐藏元素