css选择器学习笔记

来源：互联网发布：金十数据app 编辑：程序博客网时间：2024/05/22 03:37

选择器作用：告送浏览器，网页上的哪些元素需要设置什么样的样式。

1.元素选择器（标签选择器）

1.1. 语法：标签名{}（例子：p{}）
1.2. 作用：此样式对于p元素都适合。
1.3.例子：
<body> <p>我是body中的p元素</p><div><p>我是div中的p元素</p></div></body>

2.id选择器

2.1.语法：#id{}
2.2.作用：可以根据元素的id属性值选取元素。

3.类选择器

3.1.语法：.className{}
3.2.作用：可以根据元素的class属性值选取一组元素。

4.并集选择器（群组选择器）

4.1.语法：选择器1，选择器2{}
4.2.作用：只要符合一个选择就会应用指定样式

5.交集选择器（复合选择器）

5.1.语法：选择器1选择器2{}
5.2.作用：需要同时满足多个选择器的元素才会应用该元素。

6.后代选择器

6.1.语法：祖先元素后代元素后代元素{}
6.2.作用：后代元素可以根据标签关系，为处在元素内部的代元素设置样式

7.子元素选择器

7.1.语法：父元素>子元素{}
7.2.作用：可以给另一个元素的子元素设置样式。
7.3.注意：ie7以下版本不兼容

8.通用选择器

8.1.语法：*{}
8.2.作用：可以同时选中页面中的所有元素

9.附加定义：标签之间的关系：

9.1.祖先元素：直接或间接包含后代元素的元素
9.2.后代元素：直接或间接被祖先元素包含的元素
9.3.父元素：直接包含子元素的元素
9.4.子元素：直接被父元素包含的元素
9.5.兄弟元素：拥有相同父元素的元素。

阅读全文

0 0