Question

我试图在Asp.Net MVC中设置WebGrid元素的寻呼机的样式。寻呼机看起来像这样：

<td colspan="4">
    <a href="#"><<</a>&nbsp;
    <a href="#">1</a>&nbsp;
    &nbsp;2&nbsp;
    <a href="#">3</a>&nbsp;
    <a href="#">>></a>&nbsp;
</td>

虽然我可以轻松设置a元素的样式，但我在设置“未标记的”字样方面遇到了问题。文本（在此示例中为2）。有没有办法可以定位/选择文本而不是锚元素？（JSFiddle提供）

Answer 1

我不知道任何可以定位文本节点的CSS选择器。您可以使用JavaScript或jQuery将活动链接包装在标记内;然后适当地设计它。这是一个例子：

$(".pagination").contents().filter(function () {
    return this.nodeType === Node.TEXT_NODE && /\d+/.test(this.nodeValue);
}).wrap("<b></b>");

Demo here

另一个元素内的文本和元素的不同样式

1 个答案: