Верстка и CSS

404

Segey

5 октября 2006, 01:59

802

Есть набор стилей для ссылок:

div.page_menu a:link, a:visited, a:active {

font:bold 10pt Arial;

text-decoration:none;

color:#000;

line-height:1.3em;

}



div.page_menu a:hover {

text-decoration:underline;

}

Как сделать, чтобы он применялся только для блока div, у которого класс page_menu т.е. к ссылкам внутри него, но не касался других ссылок?

Brexit - уже совсем рядом. (https://about-this-model.blogspot.com/2019/03/brexit.html)

121

Ярик

5 октября 2006, 02:08

#1

Segey:
Как сделать, чтобы он применялся только для блока div, у которого класс page_menu т.е. к ссылкам внутри него, но не касался других ссылок?

Перед стилями a:visited и a:active надо дописать div.page_menu короче наверное так:

div.page_menu a:link, div.page_menu a:visited, div.page_menu a:active {
font:bold 10pt Arial;
text-decoration:none;
color:#000;
line-height:1.3em;
}

div.page_menu a:hover {
text-decoration:underline;
}

не посылай, да и не послан будешь...

404

Segey

5 октября 2006, 02:31

#2

Надо чтоб в меню у ссылок подчеркивания не было? А при наведении появлялось? В других местах чтоб подчеркивание осталось? Тогда наверное так.

Ниже под кодом предложение

121

Ярик

5 октября 2006, 02:50

#3

Segey:
Ниже под кодом предложение

Видел и даже прочитал. Так мой код не сработал?

div.page_menu a:link, div.page_menu a:visited, div.page_menu a:active

Может тогда пошире задачу обозначишь?

404

Segey

5 октября 2006, 04:56

#4

Ярик,

Заработало, когда прочитал то что выше цитировал, думал что ты не заметил.

Задача такая: определить стили ссылок для индивидуального блока т.е. эти стили применяются только к ссылкам в этом div.

121

Ярик

5 октября 2006, 05:04

#5

Segey:
Ярик,
Заработало, когда прочитал то что выше цитировал, думал что ты не заметил.

Задача такая: определить стили ссылок для индивидуального блока т.е. эти стили применяются только к ссылкам в этом div.

Я все замечаю. 😂 Главное, что заработало. ☝ У тебя в первом примере через запятую стили для ссылок определялись, а для какого именно слоя ты только для первого a:link прописал. Хотя теперь ты уже вроде понял, что к чему.

404

Segey

5 октября 2006, 05:06

#6

Ярик,

Угу, я думал она наследуются, а оказалось нет

103

content

5 октября 2006, 05:07

#7

Segey, для этого нужно установить идентификатор блока:


<div id="foo">

<a></a>

</div>

И назначить его CSS параметры:


#foo a: {}

#foo a:link {}

#foo a:hover {}

#foo a:active {}

#foo a:visited {}

Эти CSS параметры будут работать только для блока "foo".

103

content

5 октября 2006, 05:09

#8

Segey:
Ярик, Угу, я думал она наследуются, а оказалось нет

Segey, они не наследуются, в том примере, который в последствии правильно поправил Ярик, a:visited и a:active объявлялись для всего документа.

Google: E-E-A-T не является фактором ранжирования

Переиграть и победить: как анализировать конкурентов для продвижения сайта