CSS！重要的不工作 [英] CSS !important not working

问题描述

我有以下代码，由于某种原因，！important 限定符不工作。

I have the following code and for some reason the !important qualifier isn't working.

<div style="font-family : calibri; font-size: 20pt !important;">
  <ul>
    <li>
      <span style="font-size: 11px;">
        <span style="font-size: 11px;">
          Honey Glazed Applewood Smoked Spiral Ham 
        </span>
        <span style="font-size: 11px;">
          Served with Dijon Honey Mustard and Turkey Roulade
        </span>
      </span>
    </li>
  </ul>
</div>

为网站格式生成span标记。我添加了div标签将输出更改为PDF格式，而不是写一个看似过于复杂的find和replace函数。因为这个黑客是针对特定区域的代码，我不能改变CSS表。

The span tags are generated for website formatting. I was adding the div tag to change the output to PDF format instead of writing a seemingly overcomplicated find and replace function. Since this hack is for specific regions of code, I can't change the CSS sheet.

任何想法都不胜感激。

Any thoughts would be appreciated.

推荐答案

提供< div> 规则到您的CSS样式表（如果您不想更改样式表，则在< style> 标记中）：

Give the <div> an id and then add this rule to your CSS stylesheet (or in a <style> tag if you don't want to change the style sheet):

#your_div_id span {
    font-family : calibri; font-size: 20pt !important;
}

！important CSS允许作者重写内联样式（因为它们通常比样式表样式具有更高的优先级）。它不会自动使！style 的样式覆盖所有其他内容。

!important in CSS allows the author to override inline styles (since they have a higher precedence than style sheet styles normally). It doesn't automatically make the style marked !important override everything else.

strong> W3C有关CSS选择器特定性的文档。

< a href =http://jsfiddle.net/fkling/ZcXY4/> Felix的标记演示

这篇关于CSS！重要的不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！