CSS :not style outside element

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;
}

<罢工>