父元素样式不应该应用于子元素

Question

HTML

<div class="span2 style-for-header">MWCU234566 <a href="#">Edit</a></div>

和 css

 .style-for-header{
    font-family: 'Tahoma,sans-serif;
    font-size: 14px;
}

现在我希望排除锚标记应用此样式。有什么办法吗？

Answer 1

你可以在这里使用CSS特异性CSS规则。如果您不希望css申请anchor代码。

.style-for-header{
    font-family: 'Tahoma,sans-serif';
    font-size: 19px;
    color:green;
  }

div.style-for-header a{
    text-decoration:line-through;
    color:red;
    font-size:14px;
}

使用上面的CSS a标签会有不同的风格。

检查 Demo.