У меня есть этот html:
<p>
<span class="fancify">Parting is such sweet sorrow!</span><span> - Bill Rattleandrollspeer</span>
</p>
... и этот css (добавлен в конец сайта Site.css):
.fancify {
font-size: 1.5em;
font-weight: 800;
font-family: Consolas, "Segoe UI", Calibri, sans-serif;
font-style: italic;
}
Итак, я бы ожидал, что цитата ( "Parting - такая сладкая скорбь!" ) будет выделена курсивом и другого шрифта, чем имя цитаты (Bill Rattleandrollspeer), поскольку его тег span имеет класс "fancify", прилагается к нему. Класс следует обязательно увидеть, поскольку файл, в котором он появляется, ссылается на файл макета, который использует файл Site.css.
Какую ошибку новобранец я делаю сейчас?
UPDATE
Я подумал, может быть, проблема в том, что я добавил новый класс в Site.css после этого раздела в этом файле:
/********************
* Mobile Styles *
********************/
@media only screen and (max-width: 850px) {
... но я переместил его выше, и он все еще не работает, и не видел через F12 | Проверьте элемент для соответствующей метки.
Я переместил ссылку на Site.css ниже файла bootstrap.css, который действительно меняет внешний вид этого текста, но все же не выделяется курсивом и все еще не отображается в инспекторе элементов...
ОБНОВЛЕНИЕ 2
Вот как сходит HTML:
<p>
<span>
<label class="fancify">Parting is such sweet sorrow!</label>
... и вот мое правило css в Site.css:
p span label .fancify {
font-size: 1.5em;
font-weight: 800;
font-family: Consolas, "Segoe UI", Calibri, sans-serif;
font-style: italic;
display: inline;
}
... но это не распознается. Я считаю это казнью css/html протокола и должен быть рассмотрен каким-то мировым телом. Опять же, я мог бы совершить какую-то глупую ошибку.