[分享]css元素三中命名

在 CSS 中，命名元素是非常重要的。它有助于在样式表中查找元素，更易于维护和修改代码。CSS 命名元素有三种命名方式：1. 普通命名 选择器可以是任何字符串，只要它不以数字开头。这时，元素和选择器之...

在 CSS 中，命名元素是非常重要的。它有助于在样式表中查找元素，更易于维护和修改代码。CSS 命名元素有三种命名方式：

1. 普通命名
选择器可以是任何字符串，只要它不以数字开头。这时，元素和选择器之间使用一个空格来分隔。例如：<br>
p {
   color: red;
} 

上述代码表示所有 <p> 标签都应该设置颜色为红色。其中，"p" 就是选择器。

2. 类命名
如果你需要选择某些特定的元素进行样式修改，可以为对应的元素添加一个类名。这样，在 CSS 中，你就可以使用类名作为选择器，来设置这些特定元素的样式。

例如，下面的代码为所有带有 "special" 类的元素设置文字颜色为蓝色：

.special {
   color: blue;
} 

在 HTML 中，你可以为任何元素添加一个类名，方法是将 class 属性设置为你想要的名称，例如:

<p class="special">Some special text</p> 

这样，这个 <p> 标签就可以被所有为 "special" 类定义的 CSS 样式所修改。

3. ID 命名
通常，ID 应该用来标识页面中唯一的元素。在 CSS 中，你可以使用 ID 名作为选择器，来修改唯一元素的样式。在 HTML 中，你可以为任何元素添加一个 ID，方法是将 id 属性设置为你想要的名称，例如：

<p id="intro">Introduction</p> 

然后，在 CSS 中，使用 "#" 加上 ID 名称，即可为这个特定的元素创建样式：

#intro {
   font-size: 24px;
} 

上面的代码为 ID 为 "intro" 的元素设置了字体大小为 24 像素。