Question

我有以下DIV：

  <td>  
    <DIV>
    <script type="text/javascript">
    // link to some js
    </script>
    </DIV>
  </td>

.js在div中呈现最新的文章摘要。然而，它在Calibri 10px中呈现。

我希望DIV中的任何内容都应该呈现为Verdana 10px。我正在使用第三方.js所以无法控制它。如何强制DIV以我想要的方式呈现内容？

Answer 1

如果Javascript添加的元素有自己的样式声明，那么您将需要使用更多的Javascript来覆盖它们。

否则，你应该能够给你的div一个类，将你的样式应用到那个类，然后它们应该传播到里面的任何内容。

e.g。

的CSS：

.myClass {
  font-family: Verdana; 
  font-size: 10px;
}

HTML：

  <td>  
    <div class="myClass">
    <script type="text/javascript">
    // link to some js
    </script>
    </div>
  </td>

如果这不起作用，请将CSS更改为：

.myClass * {
  font-family: Verdana; 
  font-size: 10px;
}

Answer 2

如果javascript只放置内容而没有样式，你可以这样做：

  <td>  
    <DIV style='font-family: Verdana; font-size: 10px;'>
    <script type="text/javascript">
    // link to some js
    </script>
    </DIV>
  </td>

Answer 3

您需要检查javascript生成的元素。在FireFox中使用firebug或在Chrome中使用“Inspect element”。

当您知道元素时，请在样式表中指定类似的内容。

body table tr td div elementOrClassNameThatYouFound {
  font: verdana 10px;
}

Answer 4

您也可以尝试使用CSS中的内容：

.myClass {
    font-family: Verdana !important;
    font-size: 10px !important;
}

要应用于DIV内容的CSS

4 个答案: