Приоритет стилей

RR · August 31, 2008

В одном блоке div#box располагается 30 ссылок. Из них 27 имеют стиль a.blue { color:blue; } и 3 ссылки имеют стиль a.red { color:red; } . Если устанавливаю контекстный селектор вида div#box a { color:blue; }, то потом ни как не могу переориентировать оставшиеся 3 ссылки на стиль a.red. С этим можно что-нибудь сделать или только прописывать каждой ссылке свой класс? Спасибо!

yopopt · August 31, 2008

Это приоритеты.

Приоритет свойств класса будет выше приоритета элемента. А приоритет идентификатора ещё выше.

Попробуйте сами:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<link rel="shortcut icon" href="favicon.ico" />
<title></title>
<style type="text/css">
	#d {
		color:yellow;
	}
	div {
		color:red;
	}
	.d {
		color:green;
	}
</style>
</head> 
<body>
	<div class="d" id="d">sdd<span class="s" id="s"></span></div>
</body> 
</html>

Применительно к вашей задаче: пропишите вместо a.blue #box a.blue или добавьте к свойствам a.blue !important

Sign In

Приоритет стилей

Question

RR

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

yopopt

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information