Question

下面是html页面。有一个动态url变量将生成标记。由于还有其他静态标记，标记的整个css将应用于所有这些链接。

如何控制使用css生成标记的动态变量？我试图把变量insides标签，而不是工作。有什么想法吗？

a { color: #f05322;
    text-decoration: underline;
}
a:hover { color: #f05322;
    text-decoration: underline;
}

<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0" style="" bgcolor="#ffffff">
    <tbody>
        <tr height="0" style="padding:0px;vertical-align:top">
            <td height="0" style="padding:0px;">
                <table style="width:900px;  margin:auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="900">
                    <tbody>
                    <tr>
                        <td style="padding:20px 10px 10px 35px; " bgcolor="#E6E6E6">
                            <font face="Arial, Helvetica, sans-serif" style="font-size:14px; color:#3A393A;"> © test | <a href="http://www.test.com" target="_blank" style="font-size:14px; color:#3A393A; text-decoration:none;"> www.test.com</a></font>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            ${someURL}
                        </td>
                    </tr>
                </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>

Answer 1

最简单的方法是将一个类添加到父级（td）：

<td class="someClass">
    ${someURL}
</td>

.someClass a {
    background: yellow;
}

JSFiddle

如果您无法更改结构，则可以使用此CSS定位该单元格：

table table tr:nth-of-type(2) a {
    background: yellow;
}

JSFiddle

请注意，选项是最干净的解决方案......如果您彻底改变结构，您也需要更改选项2。

css动态<a> link hidden in html</a>

1 个答案: