CSS不是我的HTML样式

Question

<div class="entry">是根div。

页面CSS：

.entry h3 {
  font-family: Helvetica
  font-size: 30px

现在的问题是我还有另一个股利

<div class="widget">
  <h3 class="widget-title"</h3>

我想更改上述h3 （ .widget-title ）的字体大小和字体系列，但是我无法删除，因为我必须删除.entry h3的字体大小和系列。 我不想删除.entry h3

更新：

我通过添加!important解决了该问题。 希望这篇文章对其他人有帮助。

Answer 1

您无需删除任何内容。 那不是样式表的工作方式。 定义.entry h3 ，然后在其后提供小部件标题CSS。 记住样式表的级联。

此外，您的代码示例中的H3缺少> 。

 .entry h3 { color: blue; font-size: 16px; font-family: serif; } h3.widget-title { color: red; font-size: 32px; font-family: sans-serif; } 

 <div class="entry"> <h3>Entry Title H3</h3> <div class="widget"> <h3 class="widget-title"> Widget Title H3 </h3> </div> </div> 

Answer 2

如果您专门针对该元素，则如下所示：

.entry h3 {
   font-family: Helvetica;
   font-size: 30px
}

.widget-title h3{
   font-family: serif !important;
   font-size: 30px
}

Answer 3

在CSS样式前使用!important

.widget-title{
 font-family: Helvetica !important
  font-size: 30px !important
}