应用于DIV内容的CSS

我有一个类似以下的部门：

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

//链接到一些js

js在div中呈现最新的文章摘要。但是它在Calibri 10px中呈现它

---

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

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

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

//链接到一些js

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

了解元素后，在样式表中指定类似的内容

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

---

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

否则，您应该能够给您的div一个类，将您的样式应用于该类，然后它们应该传播到其中的任何内容

e、 g

css:

html:

---

您还可以在CSS中尝试以下内容：

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

---

谢谢你的回复。我试过了，没有任何效果！我认为js正在添加自己的样式定义。我如何覆盖它？不幸的是，CSS继承意味着您必须使用Javascript删除div中元素的样式声明感谢您的响应。我试过了，没有任何效果！我认为js正在添加自己的样式定义。我如何覆盖它？你需要1）提取javascript生成的内容，2）在你的div中显示这些内容。要完成这项任务，你可以（或者应该）使用一些库，比如jquery。

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

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

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