css的基本选择器

css样式由选择器和样式组成

选择器有：

1、标签选择器，就是你写的标签如<a></a><p></p>等

2、类选择器,就是对标签设置class值，在css中使用.进行调用。

如：HTML  <div class="nav"></nav>

CSS  .nav{width:100px;height:20px;background:red;}

3、id选择器，与类选择器相似，对标签设置id值，在css中使用#调用

4、子选择器：对一个标签下一级标签进行设置样式的

如：html  <div><p><p></div>

css   div>p{color:#eee;}

5、后代选择器：就是对一个大标签开始到结束中间的所有标签设置属性

如： html  <div class="demo"><p></p><ul><li></li></ul></div>

css  .demo p{color:red;}

 .demo ul li{font-size:12px;}

与子选择器的区别就是，子选择器只针对下一级标签，而后代选择器是针对这个标签内包含的所有标签

6、通用选择器：对整体设置样式   *{margin：0 auto；}

7、分组选择符，多个标签的某个属性一致时可以使用,分隔一起设置样式

8、伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式，

关于伪类选择符，到目前为止，可以兼容所有浏鉴器的“伪类选择符”就是 a 标签上使用 :hover 了（其实伪类选择符还有很多，尤其是 css3 中，

但是因为不能兼容所有浏览器，本教程只是讲了这一种最常用的）。其实 :hover 可以放在任意的标签上，比如说 p:hover，但是它们的兼容性也是很不好的，所以现在比较常用的还是 a:hover 的组合。