ID вместо класса - CSS Сетка - PullRequest
0 голосов
/ 22 апреля 2020

Я новичок здесь, я прочитал много-много-много ответов без регистрации, через результаты поиска Google, но на этот раз я не могу найти ответ, хотя это кажется простым ...

У меня есть сделал макет страницы, используя новую, мне, CSS Grid, в качестве способа ее изучения, изначально я использовал классы для контейнера DIV и подпункт "DIV", для которого я использовал теги HTML5 HEADER , NAV, ASIDE и FOOTER, и все, казалось, работало нормально, даже на IE10 с помощью -ms ...

Я решил изменить классы на ID, так как основной tontainer, который я называется "страница", будет использоваться только один раз на каждой странице, а также тот факт, что страницы будут иметь только один из заголовка, две навигационные (которые имеют разные идентификаторы, один главный флот и один суб-флот) и все другие элементы следуют этой логике c, так как все они являются основными элементами страницы и будут использоваться только один раз на страницу, я думаю, что идентификаторы будут более подходящими ...

Теперь, так как я преобразовал классы для идентификаторов, половина подчиненные DIV больше не работают, так как информация не прикреплена из css, основной контейнер, head и main-NAV работают точно так же, как и раньше, но все остальные не имеют прикрепленного стиля, я проверил с помощью Chrome Dev Tool, и стиль для этих вложенных DIV вообще не прикреплен ...

Я даже пытался заменить новые теги HTML5 на стандартный DIV, назначив идентификатор как базовое c слово, такое как «test», и заменил связанный селектор css на #test, но стиль для секции «test» вообще не применяется ...

Теперь, насколько разница между идентификаторами и классами, за исключением того факта, что один является уникальным, а другой может повторяться, и помимо их отношения к другим языкам, таким как отношение к JS, о котором я продолжаю читать, не должно быть никакого различия или я не прав?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...