capscom
-
Posts
6 -
Joined
-
Last visited
capscom's Achievements
Explorer (1/14)
0
Reputation
-
Спасибо !!!
-
Спасибо еще раз)) Выручили, теперь все ясно.!! Осел 6 не работает же с конструкцией вида ">". Это как как-то лечится или тока id всем элементам проставлять и явно им прописывать стили?
-
А по логике работы получается, что на все дивы вложенные применяются стили, а не только дочерний. Вот пример: <body> <div id="content"> <div> <div id="qwerty"></div> </div> </div> </body> #content{ position: relative; } #content div{ background: red; height: 100px; border: 1px black dashed; } #qwerty{ position: absolute; width: 300px; height: 50px; background: gray; border: 1px black dashed; } селектор #content div переопределяет высоту у #qwerty на значение 100px(хотя ведь только на дочерний элемент должно действовать правило). Пока вот этот момент недопонимаю.
-
Спасибо большое, теперь с этим вопросом стало ясно. Но возник вопрос по селекторам: #content div - означает применить стиль диву, находящемуся в контейнере #content (т.е только дочернему) ??? Просто по логике работы получается, что стили назначаются всем дивам, находящимся внутри #content.
-
Простите, ошибся.. Высота у #qwerty становится 100px, а не 50. Спасибо за ссылку, судя по ней у #qwerty самый высокий приоритет, но он почему-то игнорируется. (
-
Привет всем, с наступившим Новым Годом! Есть такой код: <body> <div id="content"> <div> <div> </div> </div> </div> </body> Стили для него: #content{ position: relative; } #content div{ background: red; height: 100px; border: 1px black dashed; } #content div div{ position: absolute; width: 300px; height: 50px; background: gray; border: 1px black dashed; } Тут все понятно, но стоит применить id для третьего дива, т.е.: <body> <div id="content"> <div> <div id="qwerty"></div> </div> </div> </body> #content{ position: relative; } #content div{ background: red; height: 100px; border: 1px black dashed; } #qwerty{ position: absolute; width: 300px; height: 50px; background: gray; border: 1px black dashed; } Как вдруг у #qwerty высота становится фиксированной всегда и равной 100px (хотя прописано 50px). Почему??? Поясните, пожалуйста.