CSS的其他选择器
基本的选择器有标记、类、ID选择器，这些选择器进行组合，就可以组成其他一些选择器。
交集选择器： 两个选择器直接连接就构成交集选择器，选中的是二者各自元素范围的交集，其中第1个必须是标记选择器，第2个必须是类别选择器或者ID选择器，两个选择器要连续书写，中间不加空格。示例：
p.special{ /*标记.类选择器*/
color: red;
}
这个选择器选择的是 <p class="special">文字</p>标记中的内容，将其中的文字颜色设为红色。
p#textred{ /*标记.ID选择器*/
color: red;
}
这个选择器选择的是 <p id="textred">文字</p>标记中的内容，将其中的文字颜色设为红色。
并集选择器： 多个选择器通过逗号连接就构成并集选择器，表示同时选中各个基本选择器所选择的范围，所以也称为集体声明。并集选择器中可以是任何形式的基本选择器。示例：
h1,h2,h3,h4,h5,p{ /*并集选择器*/
color: green;
}
这样h1、h2、h3、h4、h5、p标记中的文字都会设为绿色。
后代选择器： 在HTML中，标记是可以嵌套的，一个标记内的其他标记被称为其子孙标记，也称为后代。示例：
<p>这一段落中的文字包含几个部分，包括<span>第一部分</span>和<span>第二部分</span>两部分内容。</p>
这时候span标记就成为p标记的后代，使用后代选择器就可以选中其中的span标记，而忽略其他外部的span标记。后代选择器也称为嵌套表示。示例：
p span{ /*后代选择器*/
color: blue;
}
这样，就把p标记内的span标记中的文字都设为蓝色。后代选择器中，父标记在前，子标记在后，二者之间加空格分隔。 标记嵌套很常用，可以多重嵌套，后代选择器中不仅可以使用标记选择器，也可以使用类选择器和ID选择器。
后代选择器使用很广，为了减少HTML中加入class和id的数量，常常只给外层标记加class或者id属性，而内层不用加，而是使用表示嵌套的后代选择器，就能选择内部标记设置样式。
子选择器： 后代选择器可以用于其各级后代，CSS还有一种子选择器，只选择其直系后代，也就是第一级嵌套，嵌套的嵌套则不起作用。子选择器使用>分隔，示例：
p>span{ /*子选择器*/
color: blue;
}
兄弟选择器： 兄弟选择器，也称相邻选择器，表示页面中的相邻标记关系。示例：
li+li{ /*兄弟选择器*/
color: purple;
}
相邻选择器用+来连接。
属性选择器： 属性选择器是选择包含某个属性的标记。示例：
a[link]{ /*属性选择器*/
color: purple;
}
属性选择器使用方括号[]将属性括起来。属性选择器有多种格式，详见
选择器中还有一类是伪类选择器，后来又增加了伪元素选择器，不过伪元素选择器的支持度还不够高，下一课介绍。
交集选择器： 两个选择器直接连接就构成交集选择器，选中的是二者各自元素范围的交集，其中第1个必须是标记选择器，第2个必须是类别选择器或者ID选择器，两个选择器要连续书写，中间不加空格。示例：
p.special{ /*标记.类选择器*/
color: red;
}
这个选择器选择的是 <p class="special">文字</p>标记中的内容，将其中的文字颜色设为红色。
p#textred{ /*标记.ID选择器*/
color: red;
}
这个选择器选择的是 <p id="textred">文字</p>标记中的内容，将其中的文字颜色设为红色。
并集选择器： 多个选择器通过逗号连接就构成并集选择器，表示同时选中各个基本选择器所选择的范围，所以也称为集体声明。并集选择器中可以是任何形式的基本选择器。示例：
h1,h2,h3,h4,h5,p{ /*并集选择器*/
color: green;
}
这样h1、h2、h3、h4、h5、p标记中的文字都会设为绿色。
后代选择器： 在HTML中，标记是可以嵌套的，一个标记内的其他标记被称为其子孙标记，也称为后代。示例：
<p>这一段落中的文字包含几个部分，包括<span>第一部分</span>和<span>第二部分</span>两部分内容。</p>
这时候span标记就成为p标记的后代，使用后代选择器就可以选中其中的span标记，而忽略其他外部的span标记。后代选择器也称为嵌套表示。示例：
p span{ /*后代选择器*/
color: blue;
}
这样，就把p标记内的span标记中的文字都设为蓝色。后代选择器中，父标记在前，子标记在后，二者之间加空格分隔。 标记嵌套很常用，可以多重嵌套，后代选择器中不仅可以使用标记选择器，也可以使用类选择器和ID选择器。
后代选择器使用很广，为了减少HTML中加入class和id的数量，常常只给外层标记加class或者id属性，而内层不用加，而是使用表示嵌套的后代选择器，就能选择内部标记设置样式。
子选择器： 后代选择器可以用于其各级后代，CSS还有一种子选择器，只选择其直系后代，也就是第一级嵌套，嵌套的嵌套则不起作用。子选择器使用>分隔，示例：
p>span{ /*子选择器*/
color: blue;
}
兄弟选择器： 兄弟选择器，也称相邻选择器，表示页面中的相邻标记关系。示例：
li+li{ /*兄弟选择器*/
color: purple;
}
相邻选择器用+来连接。
属性选择器： 属性选择器是选择包含某个属性的标记。示例：
a[link]{ /*属性选择器*/
color: purple;
}
属性选择器使用方括号[]将属性括起来。属性选择器有多种格式，详见
选择器中还有一类是伪类选择器，后来又增加了伪元素选择器，不过伪元素选择器的支持度还不够高，下一课介绍。