CSS选择器是一种用于匹配HTML元素并改变其样式的语法。其中四种常用的类型选择器包括:元素选择器、类选择器、ID选择器和群组选择器。
/* 元素选择器 */ p { color: red; } /* 类选择器 */ .class1 { font-size: 20px; } /* ID选择器 */ #id1 { background-color: yellow; } /* 群组选择器 */ h1, h2, h3 { text-align: center; }
元素选择器是最常见的选择器之一,通过选择html标签类型来改变样式。在示例中,使用元素选择器p来改变所有段落的颜色为红色。
类选择器使用“.”来选取具有特定类名的元素。在示例中,使用类名“class1”来改变相应元素的字体大小。
ID选择器以“#”为开头,选取具有特定id的元素。在示例中,使用id名“id1”来改变相应元素背景颜色为黄色。
群组选择器用于选取多个元素,并将相同的样式应用于它们。在示例中,使用群组选择器选择h1、h2和h3标签,并将它们的文本居中。