CSS选择器怎么用？，高级前端开发工程师

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

上述语法中，所有的HTML标记名都可以作为标记选择器，例如body、h、p、strong等。用标记选择器定义的样式对页面中该类型的所有标记都有效。例如，可以使用p选择器定义HTML页面中所有段落的样式，示例代码如下:

p{font-size:12px;color:#666;font-family:“微软雅黑”;}

上述CS样式代码用于设置HTML页面中所有的段落文本—字体大小为12px、颜色为#666、字体为微软雅黑。

标记选择器最大的优点是能快速为页面中同类型的标记统一样式，同时这也是它的缺点，不能设计差异化样式。

2. 类选择器类

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

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

上述语法中，类名即为HTML标记的class属性值，大多数HML标记都可以定义class属性。类选择器最大的优势是可以为标记对象定义单独或相同的样式。

3. id选择器

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

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

上述语法中，id名即为HTML标记的id属性中的值，大多数HTM标记都可以定义id属性，标记的id值是唯一的，只能对应于文档中某一个具体的标记。

4. 通配符选择器

通配符选择器用“*”号表示，它是所有选择器中作用范围最广的，能匹配页面中所有的标记。其基本语法格式如下：

*{属性1:属性值1;属性2:属性值2;属性3