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

您可以写下以下内容：

.headband a{
    //your style
}

然后，该样式将应用于该类对象内的所有锚点对象＆＃34; headband＆＃34;。

Answer 2

你应该看一下Combinators in CSS 如果您希望.headband的确切样式也适用于<a>内的.headband元素，请使用

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

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

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

Answer 3

试试这个

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

.headband a {
   display:block;
   // YOUR CODE HERE
}

将CSS应用于DIV内的链接

3 个答案: