                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /DOM事件探秘

我想問一下這節關于CSS樣式的問題。。。。

為什么光改類名就能改變顯示的東西？

灼眼繁華

2015-08-10

源自：DOM事件探秘 4-3

關注問題我要回答

1075

操作

收起

2 回答

marshall_stan
2015-08-11

class可以設置多個，也就是可以有多個類名比如class="abc abcd"（空格分開），那么它既屬于abc類也屬于abcd類。login_state_show +id就是既屬于login_state_show類也屬于id這個字符串代表的類。你看main.css里面設置背景圖的格式，例如：

.login-state?.callme?{
????background:?url("images/ptlogin.png")?-72px?0?no-repeat;
}

它是先定位到login-state這個類，再找這個類下面的callme類，因此也就定位到了下面這個div。

<div?id="loginStateShow"?class="login-state-show?callme">狀態</div>

其實前面login-state-show這個類在這一步中根本沒有用到，但是其他地方會用，我們不能把它直接去掉，所以用login_state_show +id。

如果說的有錯誤，請大牛指出，謝謝。

0 回復有任何疑惑可以回復我~

收起回答

灼眼繁華提問者

謝謝~大疑問解決了，剛才我看的時候又有個小疑問....如果他擁有兩個類名，而這兩個在CSS中同時對margin設置，元素怎么表現？比如他哪個login_state_trigger 和login_state_trigger2就都對maigin進行了設置，但是最后表現的是login_state_trigger2的margin，我把兩個樣式程序的位置對換了一下以后，margin就變成了login_state_trigger設置的樣子，我猜測是加載順序的原因，不知道對不對~