CSS帮助 - 一个DIV如何可以忽略以前的CSS的网页上设置?(CSS Help - How ca

2019-10-17 10:02发布

我使用AjaxControlToolkit CalendarExtender。 在我的样式表以前的一些规则影响在日历中div的。

div#paymentRegion div
{
    float:left;
    width:49%;
}

有在日历中的DIV正在被迫到49%。 我怎么能有日历忽略以前的设置,并使用附带日历的样式? 那可能吗? 恐怕要改变当前的规则,但我想大概需要是,在此控制然而,许多其他的div依赖它。 是什么>符号做一个CSS规则。 例如

div#paymentRegion > div
{
    float:left;
    width:49%;
}

也许这将帮助? 我打开的任何建议。 谢谢〜在圣地亚哥CK

Answer 1:

从理论上讲>符号会选择仅div S中的#paymentRegion的直接孩子。 一个div嵌套越往下则不受影响。 然而 ,并不是所有的浏览器解释是正确的,所以它不是你可以可靠地使用。

更直接的解决方法是换您的日历在<div id="calendar">然后写一个压倒一切的规则:

div#paymentRegion div {
    float: left;
    width: 49%;
}

div#calendar div {
    float: none;
    width: auto;
}

现在,即使 div里面#paymentRegion旨意是浮动的,里面#calendar的div不会!



Answer 2:

VoteyDisciple是正确的,因为他提出的解决方案的规则有比你目前的一个较高的特异性。

在计算特异性规则的详细信息 。



Answer 3:

这是很难知道什么是没有任何HTML建议。 你能告诉我们的基本结构? 例如,是div即定位在第一个规则的直接子#paymentRegion

如果它是最高级别div (不一定是直接的孩子),和所有其他的div是低于一个,你可以试试这个:

div#paymentRegion div {
    float: left;
    width: 49%;
}

div#paymentRegion div div {
    float: none;
    width: auto;
}

然而,最好的办法是设置在该mysery类/ ID div ,如果你可以改变你的HTML。

div#paymentRegion div#uniqueID {
    float: left;
    width: 49%;
}


文章来源: CSS Help - How can a DIV ignore css previously set on the page?