大概大家读知道`id`,`class`以及`descendant`选择器，并且整体都在使用它们，那么你正在错误拥有更大级别的灵活性的选择方式。这篇文章里面提到的大部分选择器都是在CSS3标准下的，所以它们只能在相应最新版本的浏览器中才能生效，你完全应该把这些都记在你聪明的脑袋里面。 1. *
在我们看比较高级的选择器之前，应该认识下这个众所周知的清空选择器。星号呢会将页面上所有每一个元素都选到。许多开发者都用它来清空`margin`和`padding`。当然你在练习的时候使用这个没问题，但是我不建议在生产环境中使用它。它会给浏览器凭添许多不必要的东西。
它会选中`#container`下的所有元素。当然，我还是不建议你去使用它，如果可能的话。 DEMO
2. #X
在选择器中使用`#`可以用id来定位某个元素。大家通常都会这么使用，然后使用的时候大家还是得相当小心的。 `id`选择器是很严格的并且你没办法去复用它。如果可能的话，首先试试用标签名字，HTML5中的新元素，或者是伪类。
3. .X
这是个`class`选择器。它跟`id`选择器不同的是，它可以定位多个元素。当你想对多个元素进行样式修饰的时候就可以使用`class`。当你要对某个特定的元素进行修饰那就是用`id`来定位它。
4. X Y
下一个常用的就是`descendant`选择器。如果你想更加具体的去定位元素，你可以使用它。例如，假如，你不需要定位所有的`a`元素，而只需要定位`li`标签下的`a`标签？这时候你就需要使用`descendant`选择器了。 专家提示：如果你的选择器像`X Y Z A B.error`这样，那你就错了。时刻都提醒自己，是否真的需要对那么多元素修饰。
5. X
如果你想定位页面上所有的某标签，不是通过`id`或者是’class’，这简单，直接使用类型选择器。
6. X:visited 和 X:link
我们使用`:link`这个伪类来定位所有还没有被访问过的链接。
7. X+Y
这个叫相邻选择器。它指挥选中指定元素的直接后继元素。上面那个例子就是选中了所有`ul`标签后面的第一段，并将它们的颜色都设置为红色。
8. X>Y
`X Y`和`X > Y`的差别就是后面这个指挥选择它的直接子元素。看下面的例子：
`#container > ul`只会选中`id`为’container’的`div`下的所有直接`ul`元素。它不会定位到如第一个`li`下的`ul`元素。
9. X ~ Y
兄弟节点组合选择器跟`X+Y`很相似，然后它又不是那么的严格。`ul + p`选择器只会选择紧挨跟着指定元素的那些元素。而这个选择器，会选择跟在目标元素后面的所有匹配的元素。
10. X[title]
这个叫属性选择器，上面的这个例子中，只会选择有title属性的元素。那些没有此属性的锚点标签将不会被这个代码修饰。那再想想如果你想更加具体的去筛选？那…
11. X[href="foo"]
上面这片代码将会把`href`属性值为`http://strongme.cn`的锚点标签设置为绿色，而其他标签则不受影响。 注意我们将值用双引号括起来了。那么在使用Javascript的时候也要使用双引号括起来。可以的话，尽量使用标准的CSS3选择器。 这样可以用了，但是还是有点死，如果不是这个链接，而是类似的链接，那么这时就得用正则表达式了。
12. X[href*="strongme"]
Tada,正是我们需要的，这样，就指定了`strongme`这个值必须出现在锚点标签的`href`属性中，不管是`strongme.cn`还是`strongme.com`还是`www.strongme.cn`都可以被选中。
13. X[href^="href"]
大家肯定好奇过，有些站点的锚点标签旁边会有一个外链图标，我也相信大家肯定见过这种情况。这样的设计会很明确的告诉你会跳转到别的网站。 注意我们没有搜索http://，那是没必要的，因为它都不包含https://。 那如果我们想找到所有指向一张图片的锚点标签呢？那我们来使用下`&`字符。
14. X[href$=".jpg"]
这次我们又使用了正则表达式`$`，表示字符串的结尾处。这段代码的意思就是去搜索所有的图片链接，或者其它链接是以`.jpg`结尾的。但是记住这种写法是不会对`gifs`和`pngs`起作用的。
15. X[data-*="foo"]
在回到第8条，我们如何把所有的图片类型都选中呢`png`,`jpeg`,’jpg’,'gif’？我们可以使用多选择器。看下面：
但是这样写着很蛋疼啊，而且效率会很低。另外一个办法就是使用自定义属性。我们可以给每个锚点加个属性`data-filetype`指定这个链接指向的图片类型。
DEMO
|
![Image Link </a[/html]那有了这个钩子，我们就可以去用标准的办法只去选定文件类型为`image`的锚点了。](http://www.oschina.net/news/57107/path/to/image.jpg){kind=link}