css 格式中id與class共存

標籤：style   blog   http   os   io   檔案   ar   問題   

PHP檔案中有一段：<div class="post-alt blog" id="post-alt">

CSS檔案中有一段：
.post-alt {XXXXXX}
.blog {XXXXXX}

問題有兩個：1、DIV層定義中有class,id,這樣的話最後css格式定義聽誰的？
          2、CSS中沒有"#post-alt{XXX}這個ID格式定義，那麼這個DIV中的ID有什麼作用？

當代碼中出現id跟class的時候...先聽id的..後聽class的....
但是你的代碼中並沒有出現id的樣式...所以就聽class的..但是你的代碼還有一點地方比較特別..就是class="post-alt blog"..這樣的寫法意思就是..它有2個class..如果給一個元素指定2個以上的類..要用空格隔開...

你的CSS是.post-alt  跟.blog凡是出現2個以上的class的..是要分情況的...比如..如果沒有重複的定義樣式.那麼就聽所有的集合...如果有重複的...比如
.post-alt{font-size:12px;font-family:arial;}

.blog{font-size:20px;}

最終樣式就是{font-size:20px;font-family:arial;}
就聽blog的....也就是說...第一個類當中的樣式在第2個樣式裡如果沒有..就聽第一個樣式裡的這個屬性...而相同的屬性則聽第2個樣式..然後集合這2個的屬性..

但是如果指定ID..ID中的有跟class相同的屬性..則聽ID...

問題2.這個裡面它本來就沒有定義#post-alt所有...這個裡面的DIV的ID就沒有定義...你可能鬱悶為什麼要定義一個ID呢...ID其實不一定要在CSS裡才還用...它是表示..一個頁面裡..唯一的一個元素...一個頁面裡不能出現2個相同的ID...但是可以出現N個相同的類.....比如..利用JS..結合DOM來擷取一個頁面裡唯一的元素的時候..我們就可以利用ID來擷取...如：
var post_alt=document.getElementById("post-alt");
這就表示擷取頁面裡ID為post－alt的元素.也就是你寫的這個div，你可以對這個div來執行一些操作..如：
post_alt.style.background="#ff0099";
則..這個層的顏色就變成了洋紅色...

參考：
http://zhidao.baidu.com/question/121122095.html?qbl=relate_question_3&word=css%20id%20class
http://www.codefans.net/jscss/code/586.shtml