1

我正在尝试将 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>
4

6 回答 6

5 
table.tab td a{
background-color:yellow;}
于 2013-07-03T12:59:46.427 回答
1

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

<!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-03T13:00:50.110 回答
1 
table.tab td a
{
   background-color:yellow;
}

> 选择“parent”指定的元素的“child”指定的所有直接子元素。

子选择器API

于 2013-07-03T13:01:38.870 回答
1

您的代码几乎是正确的。这对我有用：

<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-03T13:03:57.647 回答
1

你必须这样做：

table.tab td a {

    background-color: yellow;

}

a '>' 选择由 achild指定且由parent

于 2013-07-03T13:06:10.123 回答
0 
table a
{
background-color:yellow;
}

这应该可以解决您的问题。

于 2013-07-03T13:00:01.097 回答