这是关于html与css结合的问题<div class="login login-1" id="divLogin">...<⼀div>

2025-01-05 00:51:59
推荐回答(3个)
回答1:

整条:
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=~

回答2:

这是两个类,这样书写就是同时使用。每一个可能都有自己的单独用途,两个何在一起的话,相同属性,前者的重复属性可能会被抛弃。可以使用firefox浏览器的附加组件firebug查看。

回答3:

样式组合:
.login{font-size:12px}
.login_1{color:#ccc}