请写出css id选择符/class选择符/类型选择符/包含选择符/群组选择符的语法,以及每个选择符的权重

CSS选择器有以下几种：

1. ID选择器 (#)

语法：#idName{}

权重：100

2. 类选择器 (.)

语法：.className{}

权重：10

3. 类型选择器

语法：tagName{}

权重：1

4. 包含选择器

语法：element[attr*="value"]{}

权重：1

5. 群组选择器

语法：selector1, selector2{}

权重：根据选择器权重的累加而定。

注意：当权重相同时，后面的样式会覆盖前面的样式。

相关问题

css基础选择符包括

CSS基础选择符是用来选择HTML元素并为其应用样式的一种方式。以下是一些常见的CSS基础选择符：

1. 元素选择器（Element Selector）：通过HTML元素的标签名选择元素。例如，使用`p`选择器可以选择所有的`<p>`元素。
2. 类选择器（Class Selector）：通过HTML元素的class属性选择元素。使用`.`加上类名来选择元素。例如，使用`.red`选择所有具有`class="red"`的元素。
3. ID选择器（ID Selector）：通过HTML元素的id属性选择元素。使用`#`加上id名来选择元素。例如，使用`#header`选择具有`id="header"`的元素。
4. 属性选择器（Attribute Selector）：通过HTML元素的属性选择元素。例如，使用`[type="text"]`选择所有具有`type="text"`属性的元素。
5. 后代选择器（Descendant Selector）：通过元素的后代关系选择元素。使用空格分隔两个选择器。例如，使用`div p`选择所有在`<div>`元素内部的`<p>`元素。
6. 直接子元素选择器（Child Selector）：通过元素的直接子元素关系选择元素。使用`>`分隔两个选择器。例如，使用`ul > li`选择所有作为`<ul>`直接子元素的`<li>`元素。

这些是CSS基础选择符的一些常见示例，可以根据需要组合使用来选择特定的HTML元素并为其应用样式。

简述CSS4种基本选择符以及优先级

CSS有四种基本选择符：元素选择器、类选择器、ID选择器和通配符选择器。

1. 元素选择器：通过HTML元素名称来选择元素，如p、div、h1等。优先级最低。

2. 类选择器：通过class属性来选择元素，如.class。优先级高于元素选择器。

3. ID选择器：通过id属性来选择元素，如#id。优先级高于类选择器。

4. 通配符选择器：用*表示，可以匹配所有元素。优先级最高。

CSS选择器的优先级是由选择器的特殊性和重要性来决定的。特殊性越高，优先级越高。如果两个选择器特殊性相同，则后面的选择器优先级更高。如果一个选择器被标记为!important，则它的优先级最高，无论特殊性如何。