幫助將CSS樣式從標籤轉換爲標籤

Question

需要關於如何將樣式化標籤轉換爲用於其他標籤的一些觀點。

如果我的CSS具有適用於<div>標籤的特定樣式，那麼我該怎麼做才能在span標籤上工作？

如果CSS樣式適用於任何段落標記<p>，如何才能使它在div標記上工作？

Answer 1

div, p, span{ 
color: blue; 
} 

這將讓適用於所有的p，div和span標籤

Answer 2

沒有經驗的任何特定的規則。這取決於樣式當前應用於哪個元素以及它需要應用哪個元素。大多數元素，除非您使用重置CSS，否則將具有默認樣式，這些樣式將與您應用的任何樣式相結合。例如，<div>具有display的block。 A <span>有display的inline。 A <p>具有display的block和margin-top和margin-bottom集。您可以在Firefox中使用Firebug來默認查看應用於元素的樣式。不同的瀏覽器有不同的默認CSS規則。

Answer 3

您能提供一些關於您使用的樣式確切類型的更多詳細信息嗎？簡單的答案是，你只是應用樣式使用一類兩個標籤：

<div class="someClass">contents of div here</div> 
<span class="someClass">contents of span here</span> 

或剛剛宣佈標籤下的風格：

div, span, p { 
    font-weight: bold; 
} 

但是，也有問題。要使用您的示例，div是塊元素，span是內聯元素，因此某些與定位相關的樣式（例如float）無法同時適用於這兩個元素。如果您使用的是ID而不是類，則根本無法重用，因爲ID只能附加到一個元素上。

Answer 4

您可以將同一類的每個標籤，或者您可以使用muliple標籤在你的選擇：

div,p,span {/*your styles*/將適用於div的，對公司和跨度的

Answer 5

div, p { /* adds styles for both the tags */ 
    color: red; 
} 

Answer 6

像這樣創建CSS：

.mystyle 
{ 
/* style info */ 
} 

意味着它可以像這樣使用：

<span class="mystyle">stuff styled using the CSS above</span> 
<p class="mystyle">more stuff like my CSS</p>