Css：不是外部元素的风格

Question

我想更改字体并加粗<strong>以外的div.main2元素，但保留div.main2内的元素不受影响。

我尝试使用:not(.main2)和strong *:not(.main2)，但逻辑似乎错了。

想法是得到类似的东西：

  

TITULO TITULO

     

TITULO TITULO

您可以查看示例here以便解决问题。

---

更新

例如在this jsFiddle

中

  

Titulo Titulo

     

Titulo Titulo

     

Titulo Titulo

应该像：

  

Titulo Titulo

     

Titulo Titulo

     

Titulo Titulo

将来可以有桌子，其他div有其他东西......

Answer 1

最简单的方法是使用两个规则：

.main strong {
    font-family: Verdana;
    font-weight: bold;
}

.main2 strong {
    font-family: inherit;
    font-weight: inherit;
}

jsFiddle

---

如果您真的在寻找CSS3解决方案，可以使用：

.main :not(.main2) strong, .main > strong {
    font-family: Verdana;
    font-weight: bold;
}

<击>