html - 将 CSS 应用于 DIV 内的链接

Question

我正在尝试显示带有一些链接的头带。以下是我的 CSS 文件的代码:

.headband{
    width:100%;
    height:15%;
    background-color:#00CCFF;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color:#999;
}

.head-profile {
    position:relative;
    float:left;
}

.head-proposition {
    position:relative;
    float:right;
}

但即使尝试了一些，它也不适用于我的链接..(或者当它适用时，设计页面中断)。

编辑:事实上，在我的 HTML 中，我的链接不采用颜色参数:

<div class="headband">
    <div class="head-profile">
LOGGED AS <a href="index.php?page=profil&profil=<?echo $_SESSION['profil']?>"><b><u><?echo $_SESSION['profil']?></u></b></a><br/>
  <a href="index.php?page=logout">
    </div>

    <div class="head-proposition">
    <a href="index.php?page=proposition&query=<?echo $query?>">
     POST AN EVENT</a> </div>
</div>

如何在 CSS 中说明“头带”样式必须应用于“头带”类内的链接？

谢谢。

Answer 1

你应该看看Combinators in CSS .
如果你想要 .headband 的确切样式申请<a>里面的元素.headband也是，那就用

.headband, .headband a {
    /* ... */
}

否则，只需创建一个新部分，如

.headband a {
    /* ... */
}