Question

CSS中 派生选择器，id 选择器，类选择器，属性选择器这四者有什么区别？

派生选择器，id 选择器，类选择器，属性选择器这四种选择器有什么不同，各用于什么情况？

Answer 1

只能说相同的作用都是用来选择，不同就不好比较了，各有各的长处，就像锤子、起子、锉刀，只能说都是工具，要比较不同确实不好比。

用途：
做网页的时候很多情况下用id、class、派生选择、属性选择中的任意一个都有可能能选择同一个东西实现效果，只能说看用哪个更科学、合理、方便，这个要看具体网页的结构，需要实现的效果了，做的时候根据实际情况来取舍用哪个。很多可左可右的东西，多做做，有经验了自然知道该用哪个了。

派生选择就是选父子、父子子、父子子子：
div p{color:red;}
<div><p>div和p的父子关系成立了，所以这里是红色</p></div>
<p>我不是红色，因为这里只是个p，而没上级div标签</p>

-----------------------------------------------

id选择器 和 类选择器
(我无语，你看下书或网上到处都是的教程没?不要学都没学就开始到处问)

-----------------------------------------------

属性选择器：
h1[title] {color:red;}
<h1 class="title">我是红色</h1>
<h1>我不是红色，因为我没有class=title</h1>

Answer 2

id 选择器 id是不能重复的 因此只能选择一个元素
类选择器 因为类名是可以重复使用的 因此 可以选择所有类名相同的元素
属性选择器 存在浏览器兼容性问题 ie6不支持，不过ie6的用户应该很少了，使用上也没多大影响
派生选择器 类似于a:hover p:first-letter这些是对某个元素的状态或者位置进行选择
用于什么情况自己体会一下吧