如何避免将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样式应用于特定元素

回答

相关问题