Question

我有一个带有类名“test”的div。类“test”有一个光标指针分配给它。该类还具有200px的固定宽度。 div内部的文本长度短于div的宽度。当鼠标放在div的空白部分时，我不希望出现该点。

有没有办法可以将css指针分配给div中的文本，而不将文本包装在另一个<span>标记内。我只是不想返回并将span标记添加到每个div并重写javascript。

我正在考虑像这个伪css代码

.test.text {
  cursor:pointer;
}

Answer 1

CSS无法以这种方式工作。正如biziclop在评论中所说，text nodes can't be selected with CSS。您必须将文本包装在<span>中并使用

.test span {
    cursor: pointer;
}

使用

<div class="test">
    <span>Text</span>
</div>

或者将.test设置为display: inline，但这不会让您给它一个宽度，这不是您想要的行为。在这种情况下，<span>很好。

Answer 2

您可以尝试使用:before或:after伪元素。

我正在玩这个解决方案，用于1行div：
http://jsfiddle.net/yAfKw/

在Firefox中运行，在Safari中不起作用。