哪種方法更好： - 在html標記中有2個類或者具有相同屬性的2個類

請幫助我確定哪種方法更好（html標記中有2個類或具有相同屬性的2個類），爲什麼？哪種方法更好： - 在html標記中有2個類或者具有相同屬性的2個類

方法1種

<html><body> 
    <p class="redColor buttonHeight"> button Red</p> 
    <p class="blueColor buttonHeight"> button Blue</p> 
    </body></html> 

    .redColor{color:red} 
    .blueColor{color:blue} 
    .buttonHeight{height:10px}

方法2

<html><body> 
<p class="redColorHeight"> button Red</p> 
<p class="blueColorHeight"> button Blue</p> 
</body></html> 

.redColorHeight{color:red} 
.blueColorHeight{color:blue} 
.redColorHeight,.blueColorHeight{height:10px;}

來源

2013-10-25 New_To_Android

儘量使你的類更一般的，給他們的名字暗示，而不是它們的實現他們的目的，如button-important和button-info。以非常特定的名稱調用CSS類，如redButton並不是一個好習慣。

我相信這是一個更好的做法：

<p class="button button-important"> button Red</p> 
<p class="button button-info"> button Blue</p> 

.button { 
    height: 10px; 
} 
.button-important { 
    color: red; 
} 
.button-info { 
    color: blue; 
}

來源

2013-10-25 05:49:21 Itay

感謝itay，這些只是假設的類名，我的實際問題是關於css屬性的實現。爲什麼方法1比方法2更好，反之亦然 –

如果你給你的班級有意義的名字，它會幫助你做出決定。如果每個班級分別有意義，最好將他們分開。如果沒有，那麼第二種方法是可以的。 – Itay

@New_To_Android我建議你在你的問題中重構樣本，以便與此答案類似。它會幫助我們迴應:-) – promanski

這是所有關於你要提取作爲共同的屬性。例如。如果應用中的所有按鈕都應該具有相同的高度，請使用Itay建議的方法。以按鈕類的樣式放置高度def。如果不是這種情況，並且您不想讓它們保持完全相同的高度，則可以使用第二種方法。

Css給了我們一個類，我們將它們用作類。我的意思是以類似於java的類的方式使用它們。一個類描述了一些對象的常見屬性。在這裏我看到一個按鈕對象。沒有顏色也沒有高度對象:-)

你可以檢查例如twitter bootstrap框架。只需進入引導頁面，在您喜歡的瀏覽器中打開DOM查看器，並分析類中描述的特定「組件」。

來源

2013-10-25 06:21:27 promanski

哪種方法更好： - 在html標記中有2個類或者具有相同屬性的2個類

回答

相關問題