Перейти к содержимому


Пользователь месяца
TimurR TimurR 1-й за Август
Очков активности: 726 3 темы, 35 сообщений, 11 баллов репутации
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

    ShowPrint (ShowPrint.ru)
    Очков активности: 207 2 темы, 17 сообщений, 6 баллов репутации

  • Фотография Ixman
    #2

    Ixman (o5cat.ru)
    Очков активности: 90 0 тем, 10 сообщений, 6 баллов репутации

  • Фотография WGN
    #3

    WGN (worldgamenews.com)
    Очков активности: 72 Вне конкурса за определение пользователя месяца

  • Фотография magnet
    #4

    magnet (rbfxdirect.com)
    Очков активности: 67.5 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #5

    BLIK
    Очков активности: 33 Вне конкурса за определение пользователя месяца

  • Фотография Developer
    #6

    Developer
    Очков активности: 33 2 темы, 16 сообщений, 1 балл репутации

  • Фотография AnnaYa
    #7

    AnnaYa (topbase.ru)
    Очков активности: 33 2 темы, 5 сообщений, 2 балла репутации

  • Фотография Алексей111
    #8

    Алексей111
    Очков активности: 28.5 5 тем, 4 сообщения, 1 балл репутации

  • Фотография TimurR
    #9

    TimurR
    Очков активности: 27 Вне конкурса за определение пользователя месяца

  • Фотография fedornabilkin
    #10

    fedornabilkin (zaka4ano.ru)
    Очков активности: 24 0 тем, 4 сообщения, 4 балла репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 22.09.2018
Топ 5 участников по репутации


Расшифруйте css код

#1 LadyRi

LadyRi
  • Неактивные
  • 15 сообщений
  • Репутация: 0
0

Отправлено 09 February 2013 - 17:35

.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

#2 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 09 February 2013 - 20:54

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

Дальше сами расшифруете?
  • 2

#3 LadyRi

LadyRi
    Topic Starter
  • Неактивные
  • 15 сообщений
  • Репутация: 0

Отправлено 16 February 2013 - 08:34

Спасибо! дальше да. и это удобно, да? не проще все отдельно расписать..)
  • 0

#4 WebMaster

WebMaster
  • Неактивные
  • 97 сообщений
  • Репутация: 3

Отправлено 29 March 2013 - 08:50

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



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru