單行課

Question

一位同事剛剛將此項添加到我們的項目中。

<ol class="numbered-list list-inside" start="1"> 

.numbered-list 
{ 
    list-style-type: decimal; 
} 
.list-inside 
{ 
    list-style-position: inside; 
} 

我失去了一些東西在這裏，或者這是一樣糟糕的內嵌CSS？我如何向同事解釋這一點？

編輯也許我的問題被誤解了。它不應該是這樣的東西嗎？

<ol class="info-list" start="1"> 

.info-list 
{ 
    list-style-type: decimal; 
    list-style-position: inside; 
} 

我想指出的一點是，在類名只是代表他們應用規則。因此，如果您想更改列表的表示形式，則必須更改HTML（或更改CSS，以便最終生成與其包含的規則相反的類名）。

另一編輯也許這會進一步幫助你理解我的問題。

<p class="red">Hello</p> 

.red 
{ 
    color: red; 
} 

現在，你想改變文本是綠色的。看到這個問題？

Answer 1

article證實了我對這種風格的懷疑。最相關的例子是這樣的一個：

<div class="hyphenate"></div> 

Unsemantic。試圖指定內部的內容的行爲，而不是描述它實際是什麼。

Answer 2

如果這些類在您的項目的其餘部分分開使用，這是可以的。如果不需要將這些風格分開，那麼這種解決方案可能是不可行的。 很多時候，如果將它們用於不同的目的，您可以將幾個類添加到一個元素中。