html – 用于选择div内文本的css类选择器

前端之家收集整理的这篇文章主要介绍了html – 用于选择div内文本的css类选择器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个带有类名“test”的div.类“test”有一个光标指针分配给它.该类还具有200px的固定宽度. div内部的文本长度短于div的宽度.当鼠标放在div的空白部分时,我不希望出现该点.

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

我在考虑像这个伪css代码

.test.text {
  cursor:pointer;
}

解决方法

CSS无法以这种方式工作.正如biziclop在评论中所述,text nodes can’t be selected with CSS.您要么必须将文本包装在< span>中.并使用
.test span {
    cursor: pointer;
}

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

或者设置.test来显示:内联,但这不会让你给它一个宽度,这不是你想要的行为.在这种情况下,< span> s很好.

猜你在找的HTML相关文章