2009-02-18 38 views
2

我有一個鏈接標準列表:添加一個類到li元素或a?

<li><a href="">one</a></li> 
<li><a href="">two</a></li> 

如果我想要一個額外的類添加到列表中的項目之一,我應該將該類添加到一個元素?什麼是最佳做法?

非常感謝!

Cameron

回答

11

如果您正在設置列表項目的樣式,例如創建菜單,請將該類添加到列表項目中。如果您想要更改鏈接的外觀,請將其添加到錨標籤。

真的沒有一個正確的答案。你應該設計一個最有意義的語義。在很多情況下,您可能需要對列表項目進行樣式定位,在這種情況下,您應該將類​​添加到li標籤併爲兩者定義樣式。

li.myclass { 
    /* li styles */ 
} 

li.myclass a { 
    /* link styles */ 
} 

這幾乎是alex建議的。第二種風格僅針對包含在你的類的列表項中的鏈接。

+0

我刪除了一些評論說,沒有我在2小時前編輯後太大的意義。我並不是故意粗魯,只是這些評論不再適用。 – 2009-02-19 15:49:14

+0

沒問題... :-) 我只是想知道爲什麼你把我的*建設性*批評納入你的答案,當另一個答案已經說過同樣的事情... (隨時刪除這些評論,他們不是在主題上。) – 2009-02-19 16:58:54

1

什麼是你想要的風格,列表項目或錨點。您可能想要設置錨點的樣式,所以將它添加到該列表中

5

我一般將它添加到列表項..這使您可以靈活使用CSS爲目標的列表項或包含

li.class-name { 
    /* target li class */ 

} 

li.class-name a { 
    /*target it's anchor */ 
} 

在生產中雖然錨標記,你最好離開當引用它時,類名稱的初始值爲。這是不必要的(除非你有一個非常糟糕的記憶)。

0

如果您只想將樣式分配給列表中的某個鏈接,請使用id而不是類。像這樣。

<li id="new_style"><a href="">one</a></li>

和風格它像這樣:

#new_style { margin: 1em; font-weight: 600; }