如何避免將CSS樣式應用於特定元素

我在我的HTML中使用了<hr />元素。在Bootstrap.css文件中，他們將一些樣式應用於<hr />標籤。我不想將這些樣式應用於我的<hr />標記之一。我怎樣才能做到這一點？如何避免將CSS樣式應用於特定元素

2014-03-05 user3191903

你能告訴我們CSS和HTML嗎？ – Siyah

覆蓋該特定元素的應用樣式。 –

您可以自定義您的引導程序... –

假設你有一個id到div封閉小時

<div id="hrDiv"> 
    <hr> 
</div>

要刪除的風格你如果你不使用內嵌樣式可以使用removeAttr資源在選擇

$("#hrDiv hr").removeAttr("style");

，那麼你需要重寫化子性質的CSS

#hrVid hr 
{ 
//oveeride property 
}

你也可以把id來小時標籤直接

來源

2014-03-05 08:10:13

樣式是通過樣式表中的css應用的，而不是內聯。 style屬性將已經爲空。 – StuperUser

然後，您可以使用選擇器#hrDiv小時 –

覆蓋CSS屬性不知道更多關於OP的標記，爲什麼把id放在父div而不是hr？ – StuperUser

只需爲<ht>標籤創建個性風格。

因此，例如，使<hr> 500像素寬用途：

<hr style="width:500px;" />

來源

2014-03-05 08:06:55

只需覆蓋的樣式。

說自舉應用：

hr{ border: 1px solid red; padding: 10px; }

在後引導宣佈一個樣式，覆蓋則是這樣的：

hr{ border: none; padding: 0; }

編輯此外：

基礎上的答覆，如果它是一個特定的HR標籤（但不是全部），給具體的一個類：

<hr class="specialHr" />

並應用樣式：

hr.specialHr{ border: none; padding: 0; }

來源

2014-03-05 08:07:17

但我需要這些樣式的其他人力資源元素，我只是想避免它perticular hr標籤 – user3191903

請參閱編輯。。 .. –

您可以將類設置爲您<hr/>和應用不同的樣式給它。或者使用css：not（）選擇器。

來源

2014-03-05 08:08:14

你不能那樣做。

您必須顯式覆蓋每個CSS屬性。

您還可以修改您的css文件來創建一個類（而不是將樣式應用於所有標籤）。但是，必須明確聲明這個類中要應用的樣式每個<hr>標籤（倒你的問題）

來源

2014-03-05 08:09:23 Julien

在你的標籤覆蓋的結束與！重要

例如

<hr style="width:200px" !important>

這將更改此改變

來源

2014-03-05 08:11:34 dev9

內聯CSS在標記中定義（而不是js，例如動畫）被認爲是相當不好的做法（因爲它打破了關注點的分離）。！重要的也可以很容易被濫用，這不是一個使用它的情況。查看http://css-tricks.com/when-using-important-is-the-right-choice/ – StuperUser

有很少有辦法... 給這個特殊的<小時/>類（或標識），並添加您的樣式在你的CSS：

<hr class="myspecialhr" /> 
<style>  
.myspecialhr {height:5px;} 
</style>

你也可以添加你樣式覆蓋內聯元素：

<hr style ="height:5px;"/>

你可以將此< hr />與該特定頁面的父項的類別或標識「標記」在一起。

<div class ="page1"> 
    <hr /> 
</div> 
<style> 
    .page1 hr {height:5px;} 
</style>

最後，你可以使用CSS邊框來實現你的目標，佈局和替換在您的網頁

。

來源

2014-03-05 08:20:44 Sbpro

我建議你編輯Bootstrap CSS，以便你需要添加一個類以獲得BootStrap樣式，例如<hr class="hr">

hr.hr { 
    margin-top: 20px; 
    margin-bottom: 20px; 
    border: 0; 
    border-top: 1px solid #eee; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box; 
    height: 0; 
}

你也可以創建指定默認樣式覆蓋引導類。默認樣式可以不同於不同的瀏覽器，所以我想你需要決定使用哪一個。我從Chrome的用戶代理樣式表中獲取了此信息。

hr.hr { 
    display: block; 
    -webkit-margin-before: 0.5em; 
    -webkit-margin-after: 0.5em; 
    -webkit-margin-start: auto; 
    -webkit-margin-end: auto; 
    border-style: inset; 
    border-width: 1px; 
}

如果你把它和做一個CSS樣式規則指定相同的外觀，你可以模仿該瀏覽器的默認樣式。

來源

2014-03-05 08:37:42 Mathias

如何避免將CSS樣式應用於特定元素

回答

相關問題