CSS标签选择器

标签选择器（Type Selector）通过元素标签名选中所有同类元素。

基本语法

元素名 {
  属性: 值;
}

使用示例

/* 选中所有段落 */
p {
  color: #333;
  line-height: 1.6;
}

/* 选中所有链接 */
a {
  color: blue;
  text-decoration: none;
}

/* 选中所有标题 */
h1 {
  font-size: 32px;
}

h2 {
  font-size: 24px;
}

/* 选中所有列表项 */
li {
  list-style: none;
}

特点

常用标签选择器

/* 文本元素 */
body { font-family: sans-serif; }
p { margin-bottom: 16px; }
span { font-weight: bold; }

/* 结构元素 */
div { box-sizing: border-box; }
section { padding: 20px; }
article { margin: 10px; }

/* 表单元素 */
input { border: 1px solid #ccc; }
button { cursor: pointer; }

注意：标签选择器范围广，建议用于设置基础样式，具体样式用类选择器覆盖。

要点总结

• 标签选择器按元素名匹配
• 权重最低（值为1），易被覆盖
• 适合设置全局默认样式
• 会选中页面所有同名元素

存放路径：articles/CSS/入门/CSS选择器/CSS标签选择器.md