Вопрос по CSS (style) и правилам HTML

235

03 июля 2017, 16:37

<div id="Kontainer"> 
  <style>1-gorizont {background-color: gray;}</style> 
  <div class="1-gorizont">1 Горизонтальный блок</div> 
   
  <style>.2-gorizont {border: 1px solid gray;}</style> 
  <div class="2-gorizont">2 Горизонтальный блок</div> 
   
  <style>.3-gorizont {background-color: red;}</style> 
  <div class="3-gorizont">3 Горизонтальный блок</div> 
   
  <style>.4-gorizont {background: green;}</style> 
  <div class="4-gorizont">4 Горизонтальный блок</div> 
</div>

Грубо говоря , страницы сделаны из 1 контейнера div , а в нем 4-5 горизонтальных блоков.
Можно ли перед каждым этим блоком грузить предназначенные ему стили и скрипты , а не совать все огромным файлом в шапку или подвал ?

Просто когда так делаю , validator.w3.org ругается , якобы нельзя помещать стили внутри div.

Вот что говорит валидатор:

EN оригинал -
RUS перевод -

Answer 1

Попробуй написать так

<div id="Kontainer">
    <div style="background-color: gray;">1 Горизонтальный блок</div>
    <div style="border: 1px solid gray;">2 Горизонтальный блок</div>
    <div style="background-color: red;">3 Горизонтальный блок</div>
    <div style="background: green;">4 Горизонтальный блок</div>
</div>