CSS是用于控制网页样式的标记语言。在CSS中,可以选择符是用于指定样式属性的一种语法。以下是CSS中常用的基本选择符及其用途:
1. `class` 选择符
`class` 选择符用于指定一个或多个类名。类名可以包含字母、数字、下划线和特殊字符。通过使用 `class` 选择符,可以为网页中的元素添加多个类名,以便在样式中进行选择。
例如,以下代码将创建一个名为 `hello` 的类,并在文本标签 `body` 上应用该类:
“`html
<body class=”hello”>
<h1>Hello, World!</h1>
</body>
2. `id` 选择符
`id` 选择符用于指定一个唯一的标识符。每个元素都有一个唯一的 `id` 属性,可以使用 `id` 选择符选择该属性的元素。
例如,以下代码将创建一个名为 `my-element` 的元素,并将其 `id` 属性设置为 `my-element`,以便使用 `id` 选择符选择该元素:
“`html
<my-element id=”my-element”>
<h1>Hello, World!</h1>
</my-element>
3. `type` 选择符
“`html
4. `style` 选择符
`style` 选择符用于指定元素的样式。可以通过 `style` 选择符指定元素的样式属性,如颜色、字体、大小、间距等。
例如,以下代码将创建一个名为 `my-element` 的元素,并将其 `style` 属性设置为:
“`css
color: red;
font-size: 20px;
padding: 5px;
5. `长辈` 选择符
`长辈` 选择符用于指定父类或长辈类。通过使用 `长辈` 选择符,可以为元素添加长辈类,以控制元素的样式。长辈类是当前元素的父亲或母亲类。
例如,以下代码将创建一个名为 `my-element` 的元素,并将其长辈类设置为 `长辈.parent`,以控制该元素的样式:
“`css
长辈.parent {
color: blue;
font-size: 20px;
padding: 5px;
以上是CSS中常用的基本选择符,通过使用这些选择符,可以方便地控制元素的样式。