我在我的HTML中使用了<hr />
元素。在Bootstrap.css文件中,他們將一些樣式應用於<hr />
標籤。我不想將這些樣式應用於我的<hr />
標記之一。我怎樣才能做到這一點?如何避免將CSS樣式應用於特定元素
回答
假設你有一個id到div封閉小時
<div id="hrDiv">
<hr>
</div>
要刪除的風格你如果你不使用內嵌樣式可以使用removeAttr資源在選擇
$("#hrDiv hr").removeAttr("style");
,那麼你需要重寫化子性質的CSS
#hrVid hr
{
//oveeride property
}
你也可以把id來小時標籤直接
樣式是通過樣式表中的css應用的,而不是內聯。 style屬性將已經爲空。 – StuperUser
然後,您可以使用選擇器#hrDiv小時 –
覆蓋CSS屬性不知道更多關於OP的標記,爲什麼把id放在父div而不是hr? – StuperUser
只需爲<ht>
標籤創建個性風格。
因此,例如,使<hr>
500像素寬用途:
<hr style="width:500px;" />
只需覆蓋的樣式。
說自舉應用:
hr{ border: 1px solid red; padding: 10px; }
在後引導宣佈一個樣式,覆蓋則是這樣的:
hr{ border: none; padding: 0; }
編輯此外:
基礎上的答覆,如果它是一個特定的HR標籤(但不是全部),給具體的一個類:
<hr class="specialHr" />
並應用樣式:
hr.specialHr{ border: none; padding: 0; }
但我需要這些樣式的其他人力資源元素,我只是想避免它perticular hr標籤 – user3191903
請參閱編輯。 。 .. –
您可以將類設置爲您<hr/>
和應用不同的樣式給它。或者使用css:not()選擇器。
你不能那樣做。
您必須顯式覆蓋每個CSS屬性。
您還可以修改您的css文件來創建一個類(而不是將樣式應用於所有標籤)。但是,必須明確聲明這個類中要應用的樣式每個<hr>
標籤(倒你的問題)
在你的標籤覆蓋的結束與!重要
例如
<hr style="width:200px" !important>
這將更改此改變
內聯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邊框來實現你的目標,佈局和替換在您的網頁
。
我建議你編輯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樣式規則指定相同的外觀,你可以模仿該瀏覽器的默認樣式。
- 1. 避免應用於子元素的CSS樣式
- 2. 如何將自定義樣式僅應用於特定元素?
- 3. 如何將樣式應用於特定的一系列元素
- 4. 將CSS應用於特定元素
- 5. 將樣式應用於特定元素不適用於Safari
- 6. 如何手動將特定樣式表中的樣式應用於元素?
- 7. CSS如何避免一個元素樣式實際一(ASP.NET)
- 8. 僅將樣式表應用於特定元素特徵
- 9. 如何將外部CSS應用於特定元素。其他元素的樣式不應該改變
- 10. 如何將不同的CSS樣式應用於子元素?
- 11. CSS:如何將樣式應用於特定類
- 12. 將樣式應用於特定類型的所有子元素
- 13. 如何不將jquery mobile的css應用於特定元素?
- 14. 如何將':hover'元素樣式應用於':: after'元素?
- 15. 避免重複CSS樣式?
- 16. 如何將WPF樣式應用於特定類型的所有元素?
- 17. 如何將樣式應用於scss中特定類型的所有子元素?
- 18. 如何使用css排除某些特定元素的樣式?
- 19. 如何避免一遍又一遍地將綁定應用於元素?
- 20. 將樣式應用於多個元素
- 21. CSS對特定DIV ID的Html元素應用樣式
- 22. 將css樣式應用於javascript調用後的僞元素
- 23. 使用javascript將樣式應用於css僞元素
- 24. 如何避免使用search:search API搜索特定元素?
- 25. 將CSS樣式應用於每個元素
- 26. Html CSS - 將樣式應用於類中的所有元素?
- 27. 將CSS樣式應用於DIV中的所有元素
- 28. 我可以將CSS樣式應用於元素名稱嗎?
- 29. 未將CSS樣式應用於JavaScript輸出的HTML元素--C#
- 30. 將CSS樣式應用於右側的最後一個元素?
你能告訴我們CSS和HTML嗎? – Siyah
覆蓋該特定元素的應用樣式。 –
您可以自定義您的引導程序... –