Помощник
|
Расшифруйте css код |
LadyRi
|
Сообщение
#1
|
||
|
|
||
|
|||
yury_mw |
9.2.2013, 21:54;
Ответить: yury_mw
Сообщение
#2
|
|
.head .Menu>.BG>i>b{display:block;padding-top:59px;height:0;overflow:hidden;font-size:0;background:url(../images/menu.png) 0 -118px repeat-x;} 1) у вас не id: имя с точкой описывает класс. id описывается именем с решеткой: #head{background: #ccc;} 2) последовательная запись селекторов (через пробел) означает контекстный селектор, т.е. .head .Menu{background: #ccc;} означает, что серый фон будет у всех блоков с классом "Menu" вложенных в блоки с классом "head" (причем любого уровня вложенности): Пример (у первых двух блоков с классом "Menu" фон будет серым, а у последнего нет) <style> body{background: #fff;} .head .Menu{background: #ccc;} </style> <body> <div class="head">head <div class="Menu">Menu</div> <div> <div class="Menu">Menu</div> </div> </div> <div class="Menu">Menu</div> </body> 3) запись селекторов через знак ">" обозначает дочерний селектор, т.е. .Menu>.BG{background: #ccc;} означает, что серый фон будет у всех блоков с классом "BG", вложенных в блоки с классом "Menu" (причем только на первом уровне вложенности). Пример (серый фон будет только у первого блока с классом "BG") <style> body{background: #fff;} .Menu>.BG{background: #ccc;} </style> <body> <div class="Menu">Menu <div class="BG">BG</div> <div> <div class="BG">BG</div> </div> </div> <div class="BG">BG</div> </body> Дальше сами расшифруете? |
|
|
LadyRi
|
Сообщение
#3
|
|
Спасибо! дальше да. и это удобно, да? не проще все отдельно расписать..)
|
|
|
WebMasterOleg |
29.3.2013, 9:50;
Ответить: WebMasterOleg
Сообщение
#4
|
|
|
А как отдельно?) И может во имя оптимизации CSS файла и уменьшения веса было принято решение верстать именно так. Можно конечно использовать и :last-child и :first-child, но в каких то случаях проще использовать и символы ">". На самом деле, все зависит от того, как человек верстает, от его стиля. Я всегда использую :last-child и :first-child. Мне так удобно.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3336 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3294 | 19.12.2023, 18:55 автор: CULA |
|
Веб-разработка (HTML, CSS) | 1 | ViktoriaFE | 6438 | 5.5.2021, 5:22 автор: bekett |
|
Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины). | 0 | kozak199110 | 1652 | 3.3.2021, 12:22 автор: kozak199110 |
|
Почистить код на сайте | 1 | Timka | 1090 | 2.1.2021, 1:13 автор: 0pium |
Текстовая версия | Сейчас: 29.3.2024, 15:48 |