一直听说各种选择器,今天借这篇文章总结一下CSS的样式选择器;
一、什么是选择器:
对于非元素内联的样式需要定义样式选择器,通俗的说就是这个样式适合于哪些元素;
二、类型:
Class选择器:给样式定义一个名字,在元素中引用Class——前面点 .;
ID选择器:样式针对某个ID的元素;
标签选择器:设置适应于某些类型的标签;
三、使用:
1、Class,元素主动找样式;
定义几种样式,我们自己用的时候去选择;
效果图
Class+标签选择器:
input和label的class name 都为accoutno,但是不同的控件面对相同的类,样式不一样
2、id选择器:针对某种控件:
为指定的ID元素设定样式,id前加# ,就像一个人的身份证,一个人只能有一个ID。
3、标签选择器:针对某个标签
ID选择器可以设置范围比较小的类型,比如,一个标签的范围太大,在一个标签内的内容可以细化到一个ID,再单独设置类型。
更多关于选择器的内容,可参考链接:
http://blog.csdn.net/cui_angel/article/details/7673076
四、总结:
class选择器:对一个大类。可以将标签选择器,ID选择器包含进来。
标签选择器:为整个项目中的标签设置样式;
ID选择器:更有针对性;