用于选择 div 内文本的 css 类选择器
我有一个类名为“test”的 div。类“test”有一个分配给它的光标指针。该类也有 200px 的固定宽度。 div 内部的文本长度小于 div 的宽度。我不希望当鼠标放在div的空白部分时出现该点。
有没有一种方法可以将 css 指针分配给 div 内的文本，而无需将文本包装在另一个 标记内。我只是不想返回并将 span 标签添加到每个 div 并重写 javascript。
我正在考虑这样的伪CSS代码
.test.text {
cursor:pointer;
}
I have a div with a classname "test". The class "test" has a cursor pointer assigns to it. The class also has a fixed width of 200px. Inside the div is text of length that is shorter than the width of the div. I don't want the point to appear when the mouse is placed in the blank part of the div.
Is there a way that I can assign the css pointer to the text inside the div without wrapping the text inside another <span> tag. I just don't want to go back and add the span tag to every single div and rewrite the javascript.
I am thinking of something like this pseudo css code
.test.text {
cursor:pointer;
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
CSS 不是这样工作的。正如 biziclop 在评论中所说， 文本节点不能使用 CSS 选择。您必须将文本包装在
中并使用With
或将
.test设置为display: inline，但是不会让你给它一个宽度，这不是你想要的行为。在这种情况下，就可以了。CSS doesn't work this way. As biziclop says in the comments, text nodes can't be selected with CSS. You'll either have to wrap your text in a
<span>and useWith
Or set
.testtodisplay: inline, but that won't let you give it a width, which is not the behaviour you want.<span>s are fine, in this case.您可以尝试使用
:before或:after伪元素。我正在使用这个解决方案，对于 1 行 div：
http://jsfiddle.net/yAfKw/
多行 div：
http://jsfiddle.net/yAfKw/1/
适用于 Firefox，不适用于 Safari。
You could try using the
:beforeor:afterpseudo-elements.I was playing with this solution, for 1-line divs:
http://jsfiddle.net/yAfKw/
Multi-line divs:
http://jsfiddle.net/yAfKw/1/
Works in Firefox, does not work in Safari.