2013-03-20 60 views
1

我正在學習CSS,所以如果這很愚蠢,請耐心等待。我需要很多不同類型的<p>標籤,因爲我使用CSS樣式來管理HTML中的電子書(此格式是必需的,而且我不允許偏離已建立的結構)。目前我有15個不同的<p>課程,我需要更多(可能超過50)。許多這樣的類非常相似,只有1或2差異之間的任何2.CSS中的標記可以具有多級繼承,如果不是,那麼是否有類似的方法?

所以,有可能有標籤類從其他類繼承,類似於OOP的工作方式?如果這是不可能的,那麼有什麼方法可以提高效率嗎?

回答

1

不,不存在多重繼承之類的事情,這根本不是繼承關係。要使用不同的方式設置段落的格式,可以在<p>標記中使用幾個類,用空格分隔,例如, <p class="warning important aside">。對於每個類,您可以根據需要設置CSS屬性(從設置單個屬性到複雜的設置)。

您不需要(也不應該)聲明例如每個類的字體系列分開。通常爲所有段落設置它就足夠了,例如, p { font-family: Calibri, sans-serif; }。一個類不是一個對象,或者像對象一樣。這只是一種對元素進行分類的方法,以便您可以在一組元素上設置CSS屬性。

0

我在最巨型網站,如谷歌,雅虎等已經看到

1]在一個CSS類像定義最低共同風格:

.hFont { font-family: Helvetica, San-serif; } 
.vFont { font-family: Tahoma; } 

.sBold { font-weight: semi-bold; } 
.bBold { font-weight: bold; } 

2]你可以定義多個類在1個標籤。所以採用這種多類像標籤:

<h1 class="hFont sBold">Hi this is Heading!!! </h1> 

我想這應該是我們可以用最好的和有效的方法。 這只是一個例子。所以在一個css類中減少並結合相同的風格。

0

您可以使用多個類:

<p class='main-class secondary-class'></p> 

在這之後,作風: 。主要級{ /*你的CSS代碼* /}

.secondary-class /*Selects <p> tags with second class*/ 
{ 
/*Styles that is different than the main class*/ 
} 
相關問題