CSS是前端开发中非常重要的一个技能，四个基本选择器是CSS中必须掌握的部分之一。在本文中，我们将讨论这四个基本选择器的作用和使用。

1.元素选择器

p{
    color:blue;
}

元素选择器是最常用的选择器，基于元素标签名称选择页面中的所有元素。上面的代码将所有p标签的文字颜色设置为蓝色。

2.类选择器

.blue{
    color:blue;
}

类选择器可以用于指定具有相同属性的所有元素。类选择器以“.”作为前缀来定义，可以在标记中指定一个或多个类。例如，上面的代码将所有使用class="blue"的元素文字颜色设置为蓝色。

3.id选择器

#header{
    background-color:red;
}

id选择器可以用于标识页面中唯一的元素。id选择器以“#”作为前缀来定义，可以在标记中指定一个唯一的id。例如，上面的代码将id="header"的元素背景颜色设置为红色。

4.后代选择器

div p{
    font-size:20px;
}

后代选择器可以通过其子项及子项的后代选择元素。后代选择器使用空格分隔。例如，上面的代码将所有在div元素内的p元素设置字体大小为20px。

总结

四个基本选择器是在CSS中使用非常广泛的部分，这些选择器可以用来实现不同样式的设置。熟练掌握这些选择器的使用方法，可以帮助前端开发者更好地完成网页的设计和开发。