Question

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

Answer 1

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

Answer 2

正确关闭桌子并使用不带＆gt;的选择器。所以：

<!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>

Answer 3

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

> 选择＆＃34; child＆＃34;指定的所有直接子元素。由＆＃34; parent＆＃34;。

指定的元素

ChildSelector API

Answer 4

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

<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>

Answer 5

你必须这样做：

table.tab td a {

    background-color: yellow;

}

a'＆gt;'选择由child

指定的parent指定的所有直接子元素

Answer 6

table a
{
background-color:yellow;
}

这可以解决您的问题。

如何在表内应用css for anchor标签

6 个答案: