Проблема с CSS: ссылка отображается неправильно
a {
color: #000;
}
a:hover {
text-decoration: none;
color: #fff;
}
Это код, который я использую. Но ни одна из ссылок на моих страницах не слушает этого. Вместо этого они придерживаются этого:
#menu li, a {
text-align: center;
display: block;
float: left;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:1.2em;
color: #575757;
text-decoration: none;
list-style: none;
}
Поэтому многие ссылки перекошены, так как все они смещаются влево и тому подобное. Сам код ссылок никоим образом не обернут. По крайней мере, не так, чтобы объяснить мои ошибки.
<div id = "footer">
<p><center>Copyright 2008 - <a href = "index.php">G.S.B.V. Pugilice</a></center></p>
</div>
Этот фрагмент кода дает мне две строки вместо одной, ссылка остается на второй строке.
Ответы 1
Я думаю, вы неправильно понимаете, как работают селекторы.
#menu li, a { ... }
Средство применяет стили к любому li потомку элемента с идентификатором #menu а также к любому найденному где угодно.
Вы действительно намеревались: -
#menu li, #menu a {...}
?
Да, это так. Спасибо!
Могу ли я использовать следующее: #menu li a {...} без запятой после li? Чтобы выбирались только ссылки в меню внутри тега li?
Да, при этом будут выбраны только ссылки в элементе списка.
У меня такое ощущение, что он имел в виду именно это, особенно с учетом того, что id - «меню». Я думаю, что если вы сделаете то, что предложил AnthonyWJones, вы обнаружите, что он ведет себя так, как вы намереваетесь.