设置除类css之外的所有文本的字体

时间:2017-04-21 08:09:30

标签: html css

这是我正在使用的CSS

html:not(.stylenotneeded), body:not(.stylenotneeded), form, fieldset, table, tr, td, img {
   font: 100%/150% calibri;
}

和html是

<div class="stylenotneeded">
  <font face="Impact" size="9" color="8C003D"><b>Some Text</b></font><br>
  <font face="verdana" size="4" color="8C003D"><b>Sometext 2</b></font>
</div>

<div>
  <font face="Impact" size="9" color="8C003D"><b>Some Text</b></font><br>
  <font face="verdana" size="4" color="8C003D"><b>Sometext 2</b></font>
</div>

我希望font-style中的css应用于stylenotneeded div部分以外的所有文字。

已经尝试this没有任何运气。

有人可以帮我解决这个问题吗?

2 个答案:

答案 0 :(得分:1)

&#13;
&#13;
div:not(.stylenotneeded) font, 
form,
fieldset,
table,
tr,
td,
img {
   font: 100%/150% calibri;
}
&#13;
<div class="stylenotneeded">
  <font face="Impact" size="9" color="8C003D"><b>Some Text</b></font><br>
  <font face="verdana" size="4" color="8C003D"><b>Sometext 2</b></font>
</div>

<div>
  <font face="Impact" size="9" color="8C003D"><b>Some Text</b></font><br>
  <font face="verdana" size="4" color="8C003D"><b>Sometext 2</b></font>
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您使用了大量已弃用的代码。您需要为您的文档设置字体的默认属性集,然后您可以使用(即)类名覆盖您想要的任何元素:

body{
    font-size:14px;
    font-family: Verdana, sans-serif;
    font-weight:400;
}

.stylenotneeded{
    font-size:15px;
    font-family: serif;
    font-weight:700;
}
.stylenotneeded b{
    color:#8C003D;
    font-size:9px;
}

你的HTML可以很容易清理,并与你的风格分开:

<div class="stylenotneeded">
  <b>Some Text</b><br>
  <b>Sometext 2</b>
</div>