CSS正確的類選擇器undeviation

CSS：

.dhimage{ 
width:25px; 
height:25px; 
}

JAVASCRIPT：

var image = document.createElement('img'); 
image.className= 'dhimage';

，如果我喜歡這種格式CSS什麼樣的變化：

.something .dhimage{ 
width:25px; 
height:25px; 
}

來源

2013-03-28 Jacob

這意味着，新創建的圖片必須是內容器有類something，只有類dhimage的屬性會被應用到它。即

<div class="something" > 
    <img class="dhimage" /> 
</div>

您的標記是否像上面，那麼只有下面的CSS將工作

.something .dhimage 
{ 
    width:25px; 
    height:25px; 
}

它被稱爲CSS specificity。

然而，如果你直接定義的CSS即

.dhimage 
{ 
    width:25px; 
    height:25px; 
}

，將工作獨立於父母的CSS的。

現在爲什麼這樣做。

說你有一個班級名稱menu。但是您希望菜單類對頁面頁腳內的菜單有所不同，對於頁面頁眉內的菜單則不同，但仍希望保留名稱menu，因爲您對菜單上的所有菜單也有一定的通用規則網站像font-family或其他。那麼你可以如下定義它：

.menu 
{ 
    font-family:'Times'; 
} 
.header .menu 
{ 
    color:Red; 
} 
.footer .menu 
{ 
    color:Orange; 
}

和您的標記是一樣

<div class="header"> 
    <ul class="menu"> 
    </ul> 
</div> 

<div class="content"> 
</div> 

<div class="footer"> 
    <ul class="menu"> 
    </ul> 
</div>

您的頁眉和頁腳的菜單將有不同的顏色。

來源

2013-03-28 11:08:56

沒有什麼，真的，除了爲使.dhimage的造型有效，包含該類的元素必須位於具有類.something的元素中。

來源

2013-03-28 11:09:39 Xenolithic

CSS正確的類選擇器undeviation

回答

相關問題