CSS选择器（一）

css选择器是区分大小写的，因为要准确的匹配元素名称和属性值。

下面我们来讲一下css选择器：

一，通用选择器

1.*{   }

2.应用于文档的所有元素。

二，类型选择器

1.比如：  h1{   }

2.匹配元素的名称元选择器相同的元素（也称元素选择器）。

三，类选择器

1.比如：  .text{    }

2.匹配class属性的值为.text的元素。

3.或者也可以这样：   p.text{    }

4.匹配class属性的值为.text的p元素。

四，ID选择器

1.如：   #text{     }

2.匹配ID为text的元素。

五，子选择器

1.如：    li>a  {   }

2.匹配<li>元素下的直接子元素<a>

3.注意，其他的<a>元素不起作用。

六，后代选择器

1.如：    p   a   {     }

2.匹配所有位于<p>元素下的<a>元素。

七，相邻兄弟选择器

1.如：     h1+p    {    }

2.匹配<h1>元素下的第一个<p>元素（对其他的<p>元素不起作用）

3.

八，普通兄弟选择器

1.如：    h1~p  {    }

2.匹配<h1>下的兄弟元素<p>。

OK，css选择器的种类已经讲完。