/*通过元素选择器选择标签*/ p { font-size: 16px; color: #333; } /*通过类选择器选择标签*/ .intro { font-style: italic; } /*通过ID选择器选择标签*/ #header { background-color: #ccc; } /*通过伪类选择器选择标签*/ a:hover { text-decoration: underline; }
元素选择器是最简单的选择器。为了使用元素选择器,只需指定要应用样式的标签名称即可。 在此示例中,所有段落元素都将设置字体大小为16像素,并将颜色设置为#333。
类选择器是使用CSS样式表添加的CSS规则,它们允许将CSS样式应用于标签的一组类。通过使用类选择器,您可以对文档中的多个元素应用相同的样式,而不需要为每个元素单独设置样式。在上面的示例中,.intro类具有意大利斜体字体样式。
ID选择器是一种选择器,通过添加带有唯一ID的HTML元素来使用。 如果要在将CSS应用于单个元素时使用ID选择器,则必须确保每个元素标记具有唯一ID。 在上面的示例中,#header ID将背景颜色设置为#ccc。
伪类选择器允许您设置不在HTML标记中的特定链接状态的样式。 在此示例中,当用户将指针悬停在链接上时,链接文本将添加下划线样式。
选择正确的标签以对其样式化可以让您的CSS更有效率。 在使用CSS样式表设置样式时,请根据您的具体需求选择标签选择器。