擅长:python、mysql、java
<p>在没有看到需要重写的规则的情况下,CSS规则必须比已经存在的规则更具体。有几种方法可以做到这一点,但这取决于已经制定了哪些规则。在</p>
<p>作为入门,请看一下:<a href="http://css-tricks.com/specifics-on-css-specificity/" rel="nofollow">http://css-tricks.com/specifics-on-css-specificity/</a>。它将为您提供一些关于如何最好地覆盖要更改的样式的指针。在</p>
<p>假设您有以下样式来自所实现的Python日历CSS:</p>
<pre><code>.calendar .day {
background-color: #ccc;
}
</code></pre>
<p>要覆盖此样式,可以执行以下操作:</p>
^{pr2}$
<p>日历为月份输出一个<code><table></code>,表上有一个CSS类'month',而<code><th></code>标记是'month'。因此,要覆盖样式,可以执行以下操作:</p>
<pre><code>table.month th.month {
// your style here
}
</code></pre>
<p>但这并不是一个非常有效的选择器,因为在应用样式之前,DOM将搜索所有的表标记。更有效的选择器是将日历包装在带有<code>id</code>的目标<code>div</code>标记中:</p>
<pre><code>#mycalendar .month .month {
// your style
}
</code></pre>
<p>它专门针对id为“mycalendar”的div,因此不必遍历所有标记。在</p>
<p>您必须覆盖来自Python日历CSS代码的CSS的特殊性。上面的示例提供了一个更具体的选择器。这是<em>级联</em>样式表的最基本原则之一(注意“级联”部分的重点)</p>