CSS入门|元素选择器、类选择器和ID选择器
/* 元素选择器 - 选择所有p元素 */
p {
color: blue;
font-size: 16px;
}
/* 类选择器 - 选择所有class属性包含"warning"的元素 */
.warning {
color: red;
font-weight: bold;
}
/* ID选择器 - 选择id属性为"highlighted"的元素 */
#highlighted {
background-color: yellow;
}
这段CSS代码分别展示了如何为所有<p>
元素设置蓝色和16px字号,如何为所有class为warning
的元素设置红色粗体,以及如何为id为highlighted
的元素设置黄色背景。这些基本的CSS选择器是学习CSS的基础,也是实际应用中最常用的选择器。
评论已关闭