Гиперссылка внутри div с классом, назначенным внутри тега в HTML / CSS - PullRequest
Новая
       2

Гиперссылка внутри div с классом, назначенным внутри тега в HTML / CSS

1 голос
/ 14 ноября 2011

В настоящее время я пытаюсь реализовать свое первое приложение HTML5, но у меня возникают некоторые общие проблемы, связанные с HTML / CSS, особенно с использованием тега заголовка.

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

Прямо сейчас у меня есть этот код CSS: 

header div.followUs { float:right; font:Georgia, "Times New Roman", Times, serif;    color:#B2B2B2; font-style:italic }
header div.followUs a,a:link,a:active,a:visited { color:orange }

header nav { clear:right; float:right; margin-top:20px }
header nav ul li { float:left; margin-right: 25px; text-transform:uppercase; font-weight:bold }
header nav ul li:last-child { margin-right: 0 }
header nav ul li a { text-decoration:none }

И мой HTML-код: 

<header>
<div class="header-inner clearfix">
    <h1 class="logo">Client KickOff</h1>
    <div class="followUs">Segue-nos no <a href="#">Twitter</a> and <a href="#">Facebook</a>.</div>
    <nav>
        <ul>
            <li><a href="/html/">Notícias</a></li>
            <li><a href="/html5/">Quem Somos</a></li>
            <li><a href="/css/">Os Nossos Produtos</a></li>
            <li><a href="/css3/">O Nosso Portefólio</a></li>
            <li><a href="/js/">Contacte-nos!</a></li>
            </ul>
    </nav>
</div>
</header>

Он дает тот же цвет, что и div, с классом followUs, примененным к элементам навигации.

Есть идеи?

Ответы [ 2 ]

1 голос
/ 14 ноября 2011 
header div.followUs a,a:link,a:active,a:visited { color:orange }

будет буквально означать это: 

header div.followUs a { color: orange }
a:link { color: orange }
a:active { color: orange }
a:visited { color: orange }

Таким образом, ваши ссылки в навигации соответствуют одному правилу a:link, поскольку не указано, что оно находится в пределах раздела header и followUs.

Вы должны иметь header div.followUs перед каждым из a: селекторов. Хотя вы должны просто удалить лишние селекторы a:, потому что начальный header div.followUs a уже охватит все формы.

0 голосов
/ 14 ноября 2011

header div.followUs a,a:link,a:active,a:visited { color:orange } вот проблема, у вас есть ссылка, настроенная на оранжевый и явно ли теги у вас есть ссылки, remove a:link

...