2019-08-25-前端学习笔记

在标签的

1．元素选择器

通过元素选择器可以选择页面中的所有指定元素。

语法：标签名+｛｝

例如：为所有p元素设置字色，那么就使用元素选择器

P{color:cyan}

2．Id选择器

通过元素的id属性值，选中唯一的元素。

特点：每个页面中的id属性是唯一的。

语法：#+id属性值+｛｝

例如，为某个id属性值为P1的P元素设置字号30px，字色red，使用id选择器

#p1{

font-size:30px;

Color:red

}

3．类选择器

通过元素的class属性值来选中一组元素。

特点：可以同时为一个元素设置多个class值，多个值 之间使用空格隔开。也可以给多个元素设置为同一个class值，便于分组选择一组元素。

语法：.+class属性值+｛｝

例如，为属性值为class1所有元素设置字号为40px，颜色设置为blue

.class1｛

font-size:40px;

Color:blue

｝

4．通配选择器

选中页面中的所有元素

语法：*+｛｝

例如：

*｛font-family:”宋体”；

Color:green｝

5．选择器分组（并集选择器）pa

通过选择器分组，可以同时选中多个选择器对应的分组。

语法：选择器1，选择器2，选择器3，选择器n｛｝

例如：h1,#p1,.class1{color:green}

6．复合选择器（交集选择器）

通过复合选择器可以同时满足多个选择器元素。

语法：和并集选择器选择器类似，但中间不需要逗号，多个条件紧紧挨在一起。

提示：一般用于类选择器class，不建议使用id选择器，因为id已经可以确定唯一元素。

例如，既是p标签，class值为class1，且又为class2的元素字体变为红色

则：p.class1.class2{color:red}