如何覆蓋特定頁面中的css樣式？

<head> 
<link href="index.css" rel="stylesheet"> 
<style> 
#amor_di_mundo{ 
    color:#ffffff; 
} 
</style> 
</head> 

<body> 
<div id='divL'> 
<div id='amor_di_mundo'>Amor di Mundo</div> 
<div id='quem_boe'>Quem Boe</div> 
</div>

index.css如何覆蓋特定頁面中的css樣式？

#divL div{ 
color:#800000; 
}

在index.css一個div (#amor_di_mundo)樣式爲color:800000

在一個特定的文件，我需要與color:#ffffff覆蓋它，但它不會被覆蓋！

來源

2014-02-17 bonaca

問題是與CSS的特異性：一個內聯樣式具有比外部文件更多的權力。
使用相同的選擇器，並將默認樣式表中的內聯樣式移動到默認樣式表中，然後將新樣式添加到所需文件中，然後加載默認樣式表，然後選擇要覆蓋的樣式表。

來源

2014-02-17 11:17:02 n1kkou

該CSS將需要遵循相同的規則。因此，將需要

#divL div { 
    color: #ffffff; 
}

你可以把它標記爲重要的來解決這個問題：

#amor_di_mundo { 
    color: #ffffff !important 
}

來源

2014-02-17 11:12:48

卡爾，這僅僅是一個例子。我應該使用'！重要的'爲每個元素我想restyle？我猜測。 – bonaca

-2

我認爲你需要把SYLE屬性不是在頭，但其中的元素在身體本身。遵循的語法是：

Style =「color：#ffffff;」

將其添加到元素的開始標記。

來源

2014-02-17 11:14:58

由於#divL div比#amor_di_mundo更具體。

你需要或者color: #ffffff !important申請或寫CSS是這樣的：

#divL #amor_di_mundo{ 
    color:#ffffff; 
}

來源

2014-02-17 11:15:04 Era

您可以添加其他樣式表類對特定頁面的特定格，你的情況amor_di_mundo和css中添加

<div id='divL'> 
    <div id='amor_di_mundo' class="must" >Amor di Mundo</div>

在CSS中添加，

#amor_di_mundo.must{ // ensure that element with ID amor_di_mundo and class must is select 

    color:#ffffff; 

    }

來源

2014-02-17 11:19:15 sanjeev

回答

相關問題