网页制作之css选择器

Css选择器下

1.后代选择器

用于选取元素内部的元素。

语法：选择器 选择器

例，选择并设置位于

元素内部的每个

元素的样式：

div p

2.子选择器:

用于选择指定标签元素的第一代子元素。

语法：选择器>选择器

注意：

派生选择器与子选择器的区别：

子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。

3.通用选择器

通用选择器:是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，

例：html中任意标签元素字体颜色全部设置为红色：

*

4.群组选择器

当你想为html中多个标签元素设置同一个样式时，可以使用群组选择器。

例：h1、span标签同时设置字体颜色为红色：

h1,span

它相当于下面两行代码：

h1

span

5.属性选择器

依据标签属性来选择标签元素，

实例:

HTML：

标题

标题

标题

复制代码

CSS：

h1[title]/*第二个第三个h1字体为红色*/

h1[title="head"]/*第二个h1字体为绿色*/

h1[title="head2"][align="center"]/*第三个h1字体为蓝色*/

每天都会更有料

—