css基础选择器教程,CSS核心基础 一些常见的选择器的使用 小白教程

要想将CSS样式应用于特定的HTML元素，首先要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器。在CSS中有很多的选择器，包含标记(标签)选择器、类别选择器、id选择器、通配符选择器、标签指定选择器、后代选择器、并集选择器等，我们来简单介绍一下！

1.标记选择器(标签)标记选择器是指用HTML标记名称作为选择器，按标记名称分类，为页面中某一类标记指定统一的CSS样式。他的基本语法格式为：

标记名 { 属性1:属性值1; 属性2:属性值2; ... }

2.类选择器类选择器使用“.”(英文点号)进行标识，后面紧跟类名。其基本语法格式为：

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

需要注意的是类名的第一个字符不能使用数字，并且严格区分大小写，一般采用小写的英文字符。

3.id选择器id选择器使用“#”井号进行标识，后面紧跟id名，其基本语法格式如下：

#id名 { 属性1:属性值1; 属性2:属性值2; ... }

4.通配符选择器通配符选择器用“*”星号表示，他是所有选择器中作用范围最广的，能匹配页面中所有的元素。他的基本语法格式为：

* { 属性1:属性值1; 属性2:属性值2; ... }

5.标签指定式选择器标签指定式选择器，有两个选择器构成，其中第一个为标记选择器，第二个为class选择器或者id选择器，两个选择器之间不能有空格，比方说h1.space或p#one。

6.后代选择器后代选择器用来选择元素或者元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分割。当编辑发生嵌套时，内层标记就成为外层标记的后代。

7.并集选择器并集选择器是各个选择器通过逗号连接而成的，任何形式的选择器都可以作为并集选择器的一部分。如果某些选择器定义的样式完全或部分相同，可利用并集选择器为他们定义相同的样式。

标签、ID、类别选择器

我们可以按照标签来选择，可以对不同的标签设置不同的样式：

标签选择器 p{color:red;} span{color:green;}

这是一个p标签

这是一个span标签