整条:
class="login login-1"
这里包含两个类名,只是这是种简写形式而已(而且比较美观)
把上面的拆开后就可以写成:
class="login" class="login-1"
这种形式的,你应该看得懂了吧
类选择器的使用诀窍 ……?
也不没什么诀窍不诀窍的啦
像上面的写CSS时可以这样写:
.login.login-1{color:#f00;}
注:两个之间是没有空格D~(在同一条标签上)
,不过我倒是不喜欢这样写选择器,因为觉得用
class="login login-1"
这写法时,只是为了方便设置共有的属性而已,而不是为了写选择器而去这样写,如我会写成这样:
.login{width:100px;}
.login-1{color:#f00;}
而那个“#divLogin”,如果.login与.login-1没与其它选择器有冲突的话,那他们前面这个ID就不用加了,ID的话,我是用来设置这个区块的全局的。
PS:
ID选择器不能用上面的写法D~
=w=~
这是两个类,这样书写就是同时使用。每一个可能都有自己的单独用途,两个何在一起的话,相同属性,前者的重复属性可能会被抛弃。可以使用firefox浏览器的附加组件firebug查看。
样式组合:
.login{font-size:12px}
.login_1{color:#ccc}
字体大小12px 颜色 #ccc