CSS: не стиль вне элемента

Question

Я хочу изменить шрифт и выделить жирным шрифтом элементы <strong>, которые находятся за пределами div.main2, но не затрагивают элементы внутри div.main2.

Я пытался использовать :not(.main2) и strong *:not(.main2), нологика казалась неправильной.

Идея состоит в том, чтобы получить что-то вроде:

TITULO TITULO

TITULO TITULO

Вы можете проверить пример здесь , чтобы разобраться в этом.

---

ОБНОВЛЕНИЕ:

Например, в this jsFiddle

Титуло Титуло

Титуло Титуло

Титуло Титуло

Должно быть как:

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