Стилизация всех якорных тегов в элементе A <td>

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
{
color:#E3E3CA;  
}

должен сделать трюк.

Answer 4

Вы очень близки. Вот как вы выбираете ссылки внутри ячейки:

.leftMemberCol a
{
   color: #E3E3CA;  
}

Подробнее о селекторах можно прочитать здесь .

Edit:
Если стиль не вступает в силу, это возможно потому, что у вас есть какой-то другой стиль, определенный для ссылок, который является более конкретным. Вы можете сделать стиль более конкретным, добавив спецификаторы, например:

td.leftMemberCol a
{
   color: #E3E3CA;  
}

В качестве крайней меры вы также можете использовать директиву !important:

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

Answer 5

.leftMemberCol a
{
    color:#E3E3CA;  
}

Это предназначается для всех <a> элементов, которые являются потомками .leftMemberCol

Answer 6

 .leftMemberCol>a
 {
 color:#E3E3CA;  
 }

Answer 7

заменить последнюю точку пробелом

.leftMemberCol a {
  style goes here
}

Точка обозначает класс. Хеш указывает идентификатор (

 <div id="home"> 

можно оформить с помощью

#home { } 

). Обычный HTML-элемент, такой как td или a, не нуждается в префиксе.