Question

我已经有了一个css部分：

.leftMemberCol
{
width:125px;
vertical-align:top; 
padding: 13px;
border-width:0px;
border-collapse:separate;
border-spacing: 10px 10px;
text-align:left;
background-color:#f2f3ea;
}

表示 td 部分（左侧栏）。我想让这个单元格内的所有链接都是绿色。

是否有任何语法：

.leftMemberCol.a
{
color:#E3E3CA;  
}

或任何其他建议，而不必转到每个页面并将所有链接包装在另一个类名称周围。

Answer 1

只是做：

.leftMemberCol a
{
   color:#E3E3CA;  
}

这将选择嵌套在.leftMemberCol

类的元素中的所有锚标签

Answer 2

如果颜色不起作用，请检查您是否先在CSS文件中为a标签的任何伪选择器设置了它，即：链接等。

使用

覆盖它们

.leftMemberCol a:link,
.leftMemberCol a:hover,
.leftMemberCol a:visited,
.leftMemberCol a:active
{
   color: #E3E3CA;  
}

Answer 3

用空格替换最后一个点

.leftMemberCol a {
  style goes here
}

点表示一个班级。哈希表示id（

 <div id="home">

可以用

设置样式

#home { }

）。常规的html元素，如td或a，不需要前缀。

Answer 4

你非常接近。这是您选择单元格内的链接的方法：

.leftMemberCol a
{
   color: #E3E3CA;  
}

您可以阅读有关选择器here的更多信息。

编辑：
如果样式没有生效，可能是因为您为链接定义了更具体的其他样式。您可以通过添加说明符使样式更具体，例如：

td.leftMemberCol a
{
   color: #E3E3CA;  
}

作为最后的手段，您还可以使用!important指令：

.leftMemberCol a
{
   color: #E3E3CA !important;
}

Answer 5

.leftMemberCol a
{
color:#E3E3CA;  
}

应该这样做。

Answer 6

.leftMemberCol a
{
    color:#E3E3CA;  
}

这会定位所有<a>

后代的.leftMemberCol元素

Answer 7

 .leftMemberCol>a
 {
 color:#E3E3CA;  
 }

在元素中设置所有锚标签的样式

7 个答案: