Вложенные элементы, создающие ошибки синтаксического анализа

Я пытаюсь написать следующий блок для таблицы стилей, но я продолжаю получать ошибку синтаксического анализа для строк, содержащих элементы h2, ul и strong. Я почти уверен, что это вложенные фигурные скобки, но я не уверен, как писать вложенные элементы без них. Google не очень помог в этом.Вложенные элементы, создающие ошибки синтаксического анализа

Это пример, когда объявление inline будет работать лучше? Я ошибаюсь в своих мыслях относительно проблемы? Может кто-нибудь подскажет мне, что мне не хватает? Благодарю.

#hole_stats {position: absolute; left: 0px; top: 115px; 
     h2 {font-size: 1em; margin: 5,0,0,0}; 
     ul {list-style-type: none}; 
     margin-left: 10px; 
     padding-left: 0px; 
     margin-top: 0px; 
     font-size: 0.7em; 
     strong {color: yellow}; 
     width: 120px; 
     height: 200px; 
     color: white; 
     background-color: rgb(53, 43, 48)}

---- EDIT -----

Таким образом, в свете приведенных ниже комментариев, правильный формат будет это ???

#hole_stats {position: absolute; left: 0px; top: 115px; 
     margin-left: 10px; 
     padding-left: 0px; 
     margin-top: 0px; 
     font-size: 0.7em; 
     width: 120px; 
     height: 200px; 
     color: white; 
     background-color: rgb(53, 43, 48)} 
#hole_stats h2 {font-size: 1em; margin: 5,0,0,0}; 
#hole_stats ul{list-style-type: none}; 
#hole_stats strong {color: yellow};

источник

2014-11-12 tworley1977

Вы не можете вставлять селектор в простой CSS. – j08691

CSS не является гнездовым. 'strong {color: yellow}' является прямой синтаксической ошибкой. –

Запись, например. '#hole_stats h2 {цвет: черный; width: 50px} '. CSS не может быть вложенным. Можете взглянуть на * LESS * или * SASS * – pbaldauf

CSS не позволяет разрешать вложенные правила (хотя некоторые препроцессоры CSS, как и меньше, делают).

В чистом CSS,

#hole_stats {position: absolute; left: 0px; top: 115px; 
    h2 {font-size: 1em; margin: 5,0,0,0}; 
    ul {list-style-type: none}; 
    /* etc */ 
}

необходимо переформулировать

#hole_stats { 
    position: absolute; left: 0px; top: 115px; 
} 
#hole_stats h2 { 
    font-size: 1em; margin: 5px 0 0 0; 
} 
#hole_stats ul { 
    list-style-type: none; 
} 
/* etc */

источник

2014-11-12 18:39:11

Спасибо, Бен. Видел ваш ответ после публикации моего редактирования. Этот формат имеет больше смысла, когда я думаю об этом. – tworley1977

Неформально говоря, вложенные фигурные скобки являются проблему. Более формально правило CSS состоит из списка селекторов, разделенных запятыми, «{», списка деклараций, разделенных точкой с запятой, и «}». Каждое объявление имеет свойство form: value. В списке объявлений нет вариантов использования селекторов. Вам необходимо написать

#hole_stats {position: absolute; left: 0px; top: 115px; } 
#hole_stats h2 {font-size: 1em; margin: 5,0,0,0; } 
#hole_stats ul {list-style-type: none; }

и т. Д. Существуют различные инструменты для создания такого кода, но не в CSS.

источник

2014-11-12 18:39:20

Вложенные элементы, создающие ошибки синтаксического анализа

ответ

Смежные вопросы