Css селектор для> сильного

Question

У меня есть простое правило Css, например:

strong a:hover {
text-decoration: none;
}

Это работает для следующего HTML:

<strong>
<a href="www.stackoverflow.com">Go to website</a>
</strong>

Проблема в том, что Wysiwyg в CMS, который я использую, часто помещает код так:

<a href="www.stackoverflow.com"><strong>Go to website</strong></a>

Тогда мое правило css не работает. Есть ли чистый раствор Css?

Спасибо Al

Answer 1

То, что вы пытаетесь сделать, не поддерживается в CSS - вы не можете оформить родительский стиль. Лучшим подходом здесь может быть добавление класса к ссылке:

<a href="http://www.stackoverflow.com" class="ImportantLink">Go to website</a>

CSS:

a.ImportantLink { font-weight:bold; }
a.ImportantLink:hover { text-decoration: none; }

Таким образом, ссылка может быть легко стилизована. <strong> может быть семантически неправильным, если вы используете его просто для стилизации ссылки, а не для выделения текста (хотя, если честно, это может быть не так важно)

Рабочий пример: http://jsbin.com/ekuza5

Answer 2

Это должно работать:

.hrefspan a:hover, strong {
text-decoration: none;}

<span class="hrefspan"><a>...</a></span>

Если поместить его в диапазон и применить CSS только к содержимому этого диапазона, это не повлияет на другие href или strong.

Answer 3

использование

a:hover strong 
{
  text-decoration:none;
}

Answer 4

Таким образом, бит, который вы на самом деле хотите изменить, это подчиненный элемент привязки

a:hover { text-decoration:none; }

Если вы хотите, чтобы это влияло только на определенные ссылки на странице, примените к ним классы.

<a class="notunderlined" href="http://www.stackoverflow.com"><strong>Foobar</strong></a>

a.notunderlined:hover { text-decoration:none; }

Answer 5

поскольку у вас есть определенное правило: указывает правила, которые будут применены к тегу, который присутствует внутри сильного HTML-тега