Не могу разобраться в CSS

div /*родительский блок*/ a {color:серо-буро-малиновый}

на примерчеке поясните.

<div style="color:red" class="testDiv">
<p>Тест 1</p>
<span>Тест 2</span>
<div>Тест 3</div>
<a href="#">Тест 4</a>
</div>

Есть блок, у него цвет шрифта задан красным. Дак вот, для вложенных тегов p span и div, цвет шрифта унаследуется из родительского блока. А ссылка не унаследует цвет шрифта. Соответсвенно, что бы изменить цвет текста ссылки, пишем .testDiv a {color:green;}. Пока мы это не сделаем, текст ссылки будет цвета, по умолчанию заданного браузером или ранее переопределенного.

А может проще использовать для div-а id, а не class ?

Т.е. <div id="">

И в стилях: #continue

{

}

<div style="color:red" class="testDiv">

<p>Тест 1</p>

<span>Тест 2</span>

<div>Тест 3</div>

<a href="#">Тест 4</a>

</div>

Для дочерних нужно задавать правило:

<div style="color:red">

<p>Тест 1</p>

<h1>TECT 2</h1>

<span>Тест 2</span>

<div>Тест 3</div>

<a href="#">Тест 4

<span>Текст после ссылки</span>

<span style="color:red">Текст после ссылки 2</span>

</a>

<div>Текст после ссылки 3</div>

</div>

Чем проще то? Я разницы не вижу.

Или вы имеете ввиду, что стили прописывать не в атрибуте style, а в отдельном файле/тегах style. Дак это я для краткости сюда так написал.. Так-то редко пользуюсь атрибутом style..

Что вы своим примером хотите сказать? Что только span "Текст после ссылки" раскрасится красным, потому что вы ему это задали?

Дак вы бы хоть попробовали перед тем как этот бред писать.. В вашем примере текст становиться красным для всех дочерних блоков, кроме ссылки(об этом я и писал выше). И не важно, что вы отдельно ему это не указали.

Или, может, я не понимаю, что вы пытаетесь доказать?

P.S. Только опечатку исправьте, когда тестить соберетесь - у вас ссылка не закрыта, вместо </a> у вас </3> :)

...В вашем примере текст становиться красным для всех дочерних блоков, кроме ссылки(об этом я и писал выше). И не важно, что вы отдельно ему это не указали.

Ссылка - дочерний элемент и не наследует цвет "div", поэтому нужно написать правило для нее. Как и для элементов внутри ссылки.

<div style="color:red">

<p>Тест 1</p>

<h1>TECT 2</h1>

<span>Тест 2</span>

<div>Тест 3</div>

<a href="#">Тест 4

<span>Текст после ссылки 2</span>

<span style="color:red">Текст после ссылки 3</span>

</a>

</div>

потому что ссылка закрывается тегом </a> , а не </3>

Steepler, вы сейчас клево "переобулись".

Спор начинался с того, что вы пытались доказать, что если в блок вложен любой элемент, то свойство color для вложенных элементов не наследуется. А я вам говорил, что не наследуется только для ссылки. Для остальных элементов наследуется и отдельно указывать не надо.

А в сообщении #17, вы вдруг приводите пример, как изменить цвет текста элемента вложенного в ссылку..

Может я что-то не понимаю, но имхо вы, что бы не остаться "в дураках" решили сказать правильную вещь, и забили на то, что она не соответствует предмету спора. Хотя давно уже пора было либо сказать, что я прав, а вы ошиблись, либо просто покинуть тему и не постить в ней различный бред.

О чем топик:

<div class="continue">

<a href="">Читать далее...</a>

</div>

в "div" есть дочерний элемент <a>. Чтобы изменить его цвет нужно задать для него правило. Если правило для элемента не установлено, элемент наследует от родителя. Я об этом не спорю. Для <a> заданно правило по умолжанию и его нужно поменять.

Кэп, я не ставил под сомнение

Я сказал, что вот это бред:

И уже на протяжении пяти сообщений пытаюсь объяснить, что свойство color применятся для всех дочерних элементов кроме ссылки(<a>)