应用于 DIV 内容的 CSS

Question

我有一个像下面这样的 DIV:

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

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

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

Answer 1

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

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

例如

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;
}