如果我们的网页只是像老板吩咐我们做3件事的清单那样简单，做完一件划掉它，所以一眼可以看出哪件已做，哪件没做，而html网页是有结构的、嵌套的标签组织起来的文本形式，又多又长，所以需要选择器来快速定位，以应用我们添加给它的样式，因此了解选择器很有意义。
1. 标签选择器
在CSS中，有的标签本身已经具有一些样式，比如h1，通常会作为标题，它的字体比一般的大，默认为粗体，而且是块级标签，四周有margin值。标签选择器，本质上来说，就是给一个标签重新定义样式。还是h1，因为用它作标题有利于搜索引擎，所以经常用，但它自带的样式有时（恐怕是多时）与网页布局显得很不合理，所以我们完全可以重写它的样式，改变字体大小，去掉margin等，以达到整体控制的效果。只要重定义了它的样式，直接用h1将显示运用了新样式后的文本内容，这样更和谐了。
h1{font-size:1em;} 2. 类选择器
既然是类，更多的是对一个或几个元素产生影响，为了减少工作量和精确控制，对相同的类型的一些元素给一个相同的class名，是很不错的选择，重点是可以在一个class中添加多个类名，更加省时。如这里三个选择器各添加不同的样式，都会加载到这段文本上。当然CSS样式是就近原则，后面的覆盖前面的，优先级高的覆盖优先级低的，所以假如mr也设置了font-size，它将覆盖掉ft选择器中的font-size。
.ft{font-size:24px;} .mr{margin:10px;} .fl{float:left;} Hello World
专业的前端通常会同时使用几个类，一个fl，表示飘浮到页面左边，单独写一个样式，需要时就加上，因此它更像一个工具，拆分成多个类名，扩展性更强。注意类名中可以出现 - 或 _ ，这是允许的。
3. ID选择器
ID给人一种唯一标识的感觉，所以它经常是刻划网页上一个特殊的部位，更多的是表示某一部分内容，比如横幅（banner）、边栏（sidebar）、主要内容（main）等，如划分一个大块时经常这样像下面这样，当然如果你说我就喜欢用ID选择器，我把所有的标签都加ID，唯一结果就是肯定不会有人过去咬你-_-#
#news{ margin-left:10%; font-family:"Times New Roman" } ........
查看更多关于选择器_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did108179