css3基本选择器有几种

CSS3基本选择器是CSS中非常重要的一部分，它可以让开发者通过特定的方式选择文档中的元素进行样式设计。CSS3基本选择器有几种呢？下面我们来详细介绍。

CSS3基本选择器包括以下五种：

1.元素选择器
2.类选择器
3.id选择器
4.通配符选择器
5.属性选择器

1. 元素选择器：

元素名称 {
    属性1：值1;
    属性2：值2;
}

按照元素的名称选择元素，应用样式。例如：

p {
    color: red;
}

这样就会将所有的p标签文字颜色设置成红色。

2. 类选择器：

.类名 {
    属性1：值1;
    属性2：值2;
}

按照类名选择元素，应用样式。例如：

.redText {
    color: red;
}

这样可以将HTML文档中所有class属性为redText的元素文字颜色设置成红色。

3. id选择器：

#ID名 {
    属性1：值1;
    属性2：值2;
}

按照id选择元素，应用样式。例如：

#header {
    background-color: blue;
}

这样可以将HTML文档中id属性为header的元素背景颜色设置为蓝色。

4. 通配符选择器：

*{
    属性1：值1;
    属性2：值2;
}

应用样式到所有的元素。例如：

* {
    margin: 0;
    padding: 0;
}

这样可以将HTML文档中的所有元素的外边距和内边距都设置为0。

5. 属性选择器：

[属性名称=属性值] {
    属性1：值1;
    属性2：值2;
}

按照属性选择元素，应用样式。例如：

input[type="text"] {
    border: 1px solid black;
}

这样可以将HTML文档中的所有type属性为text的输入框边框设置为1像素的黑色实线。

综上所述，CSS3基本选择器有五种，我们可以根据不同的需求选择合适的选择器对HTML文档进行样式设计。