[匯入]再談css–如何針對不同位置的元素使用不同的風格

最近經常被問到如何靈活使用css的問題。的確，這是一個好現象。很多人已經開始逐漸的習慣於全面使用css排版，盡量做到展現與內容的分離。但在此習慣的過程中一定會遇到各種棘手的問題。我的一個經驗就是：多查css手冊，多嘗試，多琢磨專家們的網頁，可以將一些頁面另存一下，慢慢分析。

好，說正題。經常有這樣一種情況：我想在同一個頁面的不同位置對超連結的風格進行定義，比如，在頁面的導航部分，我不希望有底線，而在其他地方則需要底線。

實現的方式總的來說有兩種：

1。對在不同的地方的超連結直接使用css內嵌指定，如：。這種方式很明顯，最為強大和靈活。可以做到頁面上的任意一個超連結的風格都不一樣。但是，我們並不需要這麼靈活，而且，對每個超連結都實行這個定義，太繁瑣。

2。利用css本身的對象層級的支援，分批地制定超連結的風格。比如，普通情況下，我把整個頁面裡的超連結都定義成帶底線，而只有菜單不使用。那麼，可以使用如下方式：

a{    color:Black;    font-size:12px;    text-decoration:underline;}

而菜單如果是使用 ul 定義，像我上一篇 blog裡描述的那種風格，我就可以這樣定義：

.Menu a{    color:Black;    font-size:12px;    text-decoration:none;}

這裡的 .Menu是指菜單的外邊界使用的css 。這樣，只要是在這個菜單內的超連結都會使用這個風格。

當然，這種指定方法也可以有很多種。如：

#MyMenu a {....} 表示在ID為MyMenu的元素內部所有超連結樣式；

#MyMenu li a{...}表示在ID 為MyMenu的元素內部的 li 元素內部的 超連結樣式；

。。。。

幾年前，蘇沈小雨就編寫過一本 css2.0手冊 ，您可以在 這裡下載。

文章來源:http://community.hf-mstc.org/cs/blogs/shakewang/archive/2006/06/23/2857.aspx