如何将css应用于表格内的锚标记

我想将css应用于表内的锚标记。但我无法看到任何变化。如何做到这一点？如何将css应用于表格内的锚标记

代码：

<!DOCTYPE html> 
<html> 
<head> 
<style> 
table.tab>td>a 
{ 
background-color:yellow; 
} 
</style> 
</head> 

<body> 
<table class="tab"> 
<tr><td><a href="#">google.com</a></td></tr> 
</tr></table> 
</body> 
</html>

来源

2013-07-03 milano

规定'''是子组合子 - 但'td'不是'table'的子元素。（即使你在那里增加了一个'tr'，它可能仍然不起作用，因为这些浏览器之间的'tbody'元素将隐含地创建。） – CBroe

为什么不只是为' '？ – Nitesh

table.tab td a{ 
background-color:yellow;}

来源

2013-07-03 12:59:46

table a 
{ 
background-color:yellow; 
}

这应该解决您的问题。

来源

2013-07-03 13:00:01

正确关闭您的表格，并使用不带>的选择器。所以：

<!DOCTYPE html> 
<html> 
<head> 
<style> 
table.tab td a 
{ 
background-color:yellow; 

} 
</style> 
</head> 

<body> 
<table class="tab"> 
<tr><td><a href="#">google.com</a></td></tr> 
</table> 
</body> 
</html>

来源

2013-07-03 13:00:50

table.tab td a 
{ 
    background-color:yellow; 
}

>选择由“父母”指定元素的“小孩”中规定的所有直接子元素。

ChildSelector API

来源

2013-07-03 13:01:38

你的代码几乎是正确的。这个工作对我来说：

<style type="text/css"> 
    table.tab td a 
    { 
     background-color: yellow; 
    } 
</style> 
<table class="tab"> 
    <tr> 
     <td> 
      <a href="#">google.com</a> 
     </td> 
    </tr> 
</table>

来源

2013-07-03 13:03:57 user2544708

你必须做如下所示：

table.tab td a { 

    background-color: yellow; 

}

一个“>”选择由child指定的所有直接子元素被parent

来源

2013-07-03 13:06:10

如何将css应用于表格内的锚标记

回答

相关问题