CSS--选择器

基础选择器

1.标签选择器

例：p{
font:italic 700 30px/1.5 microsoft yahei;
}

p{
font-style: italic;
font-weight: 700;
font-size: 30px;
line-height: 1.5;
font-family:microsoft yahei;
}

特点：标签选择器定义之后，会将页面所有的元素都执行这个标签样式

2.类选择器

例：.title{
color: red;
}

<div class="title"></div>

特点：

1.谁调用，谁生效。

2. 一个标签可以调用多个类选择器，中间用空格隔开。<div class="title header"></div>

3.多个标签可以调用同一个类选择器。

3.ID选择器

例：#title{

color: red;

}

特点： 

1. 一个标签只能调用一个ID选择器。

2.一个标签可以同时调用类选择器和ID选择器。

4.通配符选择器

例：*{

color: red;

}

特点：给所有的标签都使用相同的样式。

复合选择器

1.交集选择器

标签选择器+类选择器（ID选择器）{}

例如：div.title{}

特点：即要满足使用了某个标签，还要满足使用了类（id）选择器。

2.后代选择器

选择器+空格+选择器{}

div .title{}

后代选择器首选要满足包含（嵌套）关系。父集元素在前边，子集元素在后边。

特点：无限制隔代。 只要能代表标签，标签、类选择器、ID选择器自由组合。

3.子代选择器

选择器>选择器{}

例如：div>.title{} 选择div里面直接下一代元素.title

4.并集选择器

选择器+，+选择器{}