Переопределение: ссылка - PullRequest
Новая
       6

Переопределение: ссылка

1 голос
/ 25 марта 2010

В моем основном CSS-файле мой селектор ссылок a: настроен на отображение ссылок белым цветом. 

a:link{
color: white;
}

Однако я хочу, чтобы ссылки в другом DIV (.menuItem) были черными.

Я пытаюсь 

.menuItem a:link{
color: black;
}

не могу заставить его работать, так что, вероятно, это неправильно ..

Кто-нибудь может протянуть руку на это?

Ответы [ 3 ]

2 голосов
/ 25 марта 2010

Что касается Chacha102 , я не думаю, что решение является идеальным. !important - это клудж, и лучшим способом справиться с этим было бы использование структуры документа для придания некоторой специфичности. Предполагая, что у ваших .menuItem элементов есть общий родительский элемент, возможно, div с идентификатором menu, вы можете изменить свой стиль ссылок для меню следующим образом: 

#menu a:link {
    color: black;
}

Из-за дополнительной специфичности для этих пунктов меню вступает в силу более конкретное правило.

2 голосов
/ 25 марта 2010 
.menuItem a:link{
color: black !important;
}
0 голосов
/ 25 марта 2010

Работа над примером кода сейчас. Но у вашего тега div есть идентификатор menuItem или класс menuItem? Это мое предположение.

Отредактировано: хорошо, теперь я вижу. Если вы отделяете css от другого файла и используете тег link для его импорта, тогда все должно быть в порядке без использования команды! Important, см. Следующее: 

body {background-color : green;}

a:link{ color : white;}

.menuItem a:link
{
color : black;
}

А это: 

<!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" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Test page</title>
<link rel="stylesheet" href="master.css" type="text/css" media="screen" title="no title" charset="utf-8">
</head>
<body>
<div>
    <a href="#">This is a link</a>
</div>
<div class="menuItem">
    <a href="#">This is a link in div menuItem</a>
</div>
</body>
</html>

Надеюсь, это поможет:)

Тем не менее, если я вставлю фрагмент CSS в HTML, то он не будет работать ... Интересно, почему?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...