<div clss="divhotel">
<table class="previewhotel" border="0">
<tr>
<td class="pic">
Так работает.
.divhotel{
}
.divhotel .previewhotel{
}
.previewhotel .pic{
vertical-align:middle;
width:186px;
}
Когда уточняю, перестает рабоать
div.divhotel{
}
div.divhotel .previewhotel{
}
div.divhotel .previewhotel .pic{
vertical-align:middle;
width:186px;
}
Спустя 7 минут, 32 секунды (27.09.2011 - 12:38) alex12060 написал(а):
Ты привязываешь стиль к определенному объекту.
Т.е. такая запись будет корректной:
А эта уже нет, так как тут неявно указывается, что .previewhotel является div, а на самом деле, она является частью table тэга.
Т.е. такая запись будет корректной:
div.divhotel{
}
table.previewhotel{
}
А эта уже нет, так как тут неявно указывается, что .previewhotel является div, а на самом деле, она является частью table тэга.
div.divhotel{
}
div.divhotel .previewhotel{
}
div.divhotel .previewhotel .pic{
vertical-align:middle;
width:186px;
}
Спустя 6 минут, 56 секунд (27.09.2011 - 12:45) Xes написал(а):
Можно еще поподробней чето я не допонял вот рабочая комбинация
Здесь идет два класса один внутри другого .previewhotel .pic почему кожда я еще точнее уточняю что эти классы внутри другого класса
Это уже перестает работать.
div.divhotel .previewhotel - я бы так разложил ее объет div слассом divhotel внутри него встречается неки объет с классом .previewhotel .. или както иначе все раскладывается.
.previewhotel{
}
.previewhotel .pic{
vertical-align:middle;
width:186px;
}
Здесь идет два класса один внутри другого .previewhotel .pic почему кожда я еще точнее уточняю что эти классы внутри другого класса
.divhotel .previewhotel .pic{
vertical-align:middle;
width:186px;
}
Это уже перестает работать.
div.divhotel .previewhotel - я бы так разложил ее объет div слассом divhotel внутри него встречается неки объет с классом .previewhotel .. или както иначе все раскладывается.
Спустя 9 минут, 53 секунды (27.09.2011 - 12:55) alex12060 написал(а):
Это:
Читается по русски так:
Ищем класс previewhotel и применяем ему стиль ""
Дальше, у нас есть класс previewhotel, далее, должен идти класс pic, тогда применяем !! Это важно !!, иначе, это условие не работает
т.е. тут устанавливается жесткая иерархия элементов, т.е. если pic не находится внутри previewhotel, то pic не получит свое оформление стилевое.
.previewhotel{
}
.previewhotel .pic{
vertical-align:middle;
width:186px;
}
Читается по русски так:
Ищем класс previewhotel и применяем ему стиль ""
Дальше, у нас есть класс previewhotel, далее, должен идти класс pic, тогда применяем !! Это важно !!, иначе, это условие не работает
т.е. тут устанавливается жесткая иерархия элементов, т.е. если pic не находится внутри previewhotel, то pic не получит свое оформление стилевое.
Спустя 3 минуты, 41 секунда (27.09.2011 - 12:59) Xes написал(а):
| Цитата |
| т.е. тут устанавливается жесткая иерархия элементов, т.е. если pic не находится внутри previewhotel, то pic не получит свое оформление стилевое. |
Это я понимаю почему тогда строка
| Цитата |
| .divhotel .previewhotel .pic |
Неработает ищем объект с классом divhotel далее внутри него объект с классом previewhotel и внутри него уже pic.
.divhotel .previewhotel .pic{
vertical-align:middle;
width:186px;
}
Вот дальнейшая вложенность:
.divhotel{
}
.divhotel .previewhotel{
}
.divhotel .previewhotel .pic{
vertical-align:middle;
width:186px;
}
.divhotel .previewhotel .pic span{
display:block;
width:150px;
height:112px;
margin-left:12px;
overflow:hidden;
border:1px solid #333333;
border-radius:25px;
}
ЕСли убрать .divhotel то все работает
Спустя 24 минуты, 52 секунды (27.09.2011 - 13:24) Xes написал(а):
Кроме таблицы в первом dive есть еще див. Его я пытаюсь так зацепить опять не выходит.
Я просто чето не доганяю мальца как этот css применяется.
Я просто чето не доганяю мальца как этот css применяется.
.divhotel div{
padding:57px;
margin-top:10px;
border:1px solid #BCBCBC;
}
Спустя 2 минуты, 46 секунд (27.09.2011 - 13:26) alex12060 написал(а):
<div clss="divhotel">
ничего не видишь?
Спустя 2 минуты, 22 секунды (27.09.2011 - 13:29) Xes написал(а):
Спасибо