Question

我想将超链接类应用于td下的文本，而不是完整的td.Here是我的html内容

 <td id="myClass"> Apply Class to text </td>


    #myClass {
      cursor: pointer;
     padding-right: 100px  ;
     padding-bottom: 100px;
     padding-right: 100px;
    }

我试过

 <td> <span id="myClass"> Apply Class to text </span></td>

但它不起作用，因为这也适用于完整的td区域。

Answer 1

你必须像这样的超链接

<td> 
        <a href="url" id="myClass">Apply Class to text</a>
</td>

我希望我能帮到你:-D

Answer 2

首先需要学习一些东西。

元素的id不应该命名为“myClass”。它只是不对 - 命名惯例。

其次，您只将CSS应用于元素。您可以通过以这种方式使用该元素的id来指定：

如果您的html为：

<td> 
    Some random text here
    <span id="linkTypeSpan"> Apply Class to text </span> Some other text here
</td>

您可以通过以下方式将任何CSS应用于此范围：

#linkTypeSpan {
      cursor: pointer;
      color:blue;
}

还有其他方法可以实现这一目标（其他选择器）。你应该阅读它们。

希望这有帮助!!!

Answer 3

为跨度创建边框并检查它是否占用了整个td。如果是，那么您的代码工作正常。您可以调整跨度的边距，以便在光标不会改变的td内创建空间。

Answer 4

我认为想改变padding的{{1}}，如：

margin

Online Demo

将类应用于td / span中的文本？

4 个答案: