Question

CSS美工的问题？

想问下CSS里面的三种选择器：CSS id 选择器 、CSS 类选择器 、CSS 属性选择器 。什么时候用哪个？有什么区别吗？谢谢了！！！

Answer 1

id是唯一标识，看你在html中用的是什么啦。如果是id，css必然是id选择器，
如若是class=“”，css则是类选择器
比如：<div class="ccc" id="hh"></div>则在css中用：.ccc{....} #hh{....}
属性选择器的格式是元素后跟中括号，中括号内带属性，比如：h1[class] {color: silver;}将会作用于任何带class的h1元素，此属性是该元素所有合法属性
没有规定说什么时候用要用哪个，只是为了标识用的，区别也就是写法不同，用起来都是一样的。。。都是用来设置其标识的内容的样式的。。。用用就熟悉啦。。。。

Answer 2

CSS id 选择器语法： #sID 说明：以文档目录树（DOM）中作为对象的唯一标识符的ID作为选择符。
示例：
#note { font-size:14px; width:120px;} CSS 类选择器语法： E1.className
说明： 在HTML中可以使用此种选择符。其效果等同于E1[class~=className]。请参阅属性选择符( Attribute Selectors)。
在IE5+，可以为对象的class属性（特性）指定多于一个值(className)，其方法是指定用空格隔开的一组样式表的类名。
示例：
div.note { font-size:14px; }
/* 所有class属性值等于（包含）"note"的div对象字体尺寸为14px */
.dream { font-size:14px; }
/* 所有class属性值等于（包含）"note"的对象字体尺寸为14px */
CSS 属性选择器语法： 1. E1[attr]
2. E1[attr=value]
3. E1[attr~=value]
4. E1[attr|=value]
说明：
1. 选择具有attr属性的E1
2. 选择具有attr属性且属性值等于value的E1
3. 选择具有attr属性且属性值为一用空格分隔的字词列表，其中一个等于value的E1。这里的value不能包含空格 4. 选择具有attr属性且属性值为一用连字符分隔的字词列表，由value开始的E1
目前IE5.5+尚不支持此种选择符。
示例：
h[title] { color: blue; }
/* 所有具有title属性的h对象 */
span[class=demo] { color: red; }
div[speed="fast"][dorun="no"] { color: red; }
a[rel~="copyright"] { color:black; }

希望能帮助到你

Answer 3

id 是唯一的，如果一个页面上，只有一处需要用的，那就用ID ，如果多处使用的，就用class吧。。