наследование

[mafinok]

<div class="akc">
	<img src="img/ql.png">
	<h1>титл</h1>
	<p>содержание параграфа </p>
	</div>
<div class="akc">
	<h1>титл</h1>
	<p> содержание параграфа</p>
	</div>

не совсем понтяно следущее - описал вариант когда в диве есть картинка, можно ли описать P-параграф для случая если картинки нет

Edited February 8, 2010 by mafinok

[Justnewone]

Совершенно непонятно следующее

- описал вариант когда в диве есть картинка, можно ли описать P-параграф для случая если картинки нет

Что автор имел ввиду?

При чем тут наследование?

[mafinok]

описывал так

.akc img {...}
.akc h1 {...}
.akc p {...}

вот в случае если картинка присутствует меня устраивает, можно ли изменить вид параграфа если картинки не будет?

[Justnewone]

Каким-то образом сделать верстку так, чтобы картинка не влияла ни на что, ни своим присутствием, ни отсутствием. Абсолют, например. Ну, или скриптом, проверять есть ли она в коде и назначать соответствующий .class тем, кому надо.

[VJiK]

Как вариант - если без изображния - добавлять класс:

<div class="akc">
	<img src="img/ql.png">
	<h1>титл</h1>
	<p>содержание параграфа </p>
</div>

<div class="akc akc-noimg">
	<h1>титл</h1>
	<p> содержание параграфа</p>
</div>

.akc img {...}
.akc h1 {...}
.akc p {...}
.akc-noimg p {...}

[shvv]

описывал так

.akc img {...}
.akc h1 {...}
.akc p {...}

вот в случае если картинка присутствует меня устраивает, можно ли изменить вид параграфа если картинки не будет?

Можно использовать селекторы соседних (сестринских) элементов http://stepbystep.htmlbook.ru/?id=52.

Т.е. определить стили для p.

А ниже переопределить

img+h1+p

[Justnewone]

Можно использовать селекторы соседних (сестринских) элементов http://stepbystep.htmlbook.ru/?id=52.

Т.е. определить стили для p.

А ниже переопределить

img+h1+p

ох. некроссбраузерно, IE6 и 7 не понимают. А так, конечно, самое лучшее.

[mafinok]

есть ли хаки для 6-7 ie?

[shvv]

ох. некроссбраузерно, IE6 и 7 не понимают. А так, конечно, самое лучшее.

7 поддерживает, кажется...

[mafinok]

img+h1+p {}
h1+p {}

вот такой вариант сработал