X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Расшифруйте css код
LadyRi
LadyRi
Topic Starter сообщение 9.2.2013, 18:35; Ответить: LadyRi
Сообщение #1


.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;}

в css немножко разбираюсь, но почему вначале два id и head и menu, что значит за ними знак больше и точка, что значат следующие знаки больше.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
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
LadyRi
Topic Starter сообщение 16.2.2013, 9:34; Ответить: LadyRi
Сообщение #3


Спасибо! дальше да. и это удобно, да? не проще все отдельно расписать..)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WebMasterOleg
WebMasterOleg
сообщение 29.3.2013, 9:50; Ответить: WebMasterOleg
Сообщение #4


А как отдельно?) И может во имя оптимизации CSS файла и уменьшения веса было принято решение верстать именно так. Можно конечно использовать и :last-child и :first-child, но в каких то случаях проще использовать и символы ">". На самом деле, все зависит от того, как человек верстает, от его стиля. Я всегда использую :last-child и :first-child. Мне так удобно.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разработка/доработка сайтов 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


 



RSS Текстовая версия Сейчас: 29.3.2024, 15:48
Дизайн