CSS选择器：如何提取不属于标签的字符串？

答案是不行，仅靠CSS选择器没法实现你要的这个文本提取需求，原因主要有这几点：

• CSS选择器的核心作用是选中DOM元素，而非操作或筛选元素内部的文本节点。它没有提供专门针对文本节点的选择规则（比如不存在:text-node这类伪类），只能定位到元素级别。
• 如果你用.class1这个选择器选中目标div，获取到的文本会是该元素下所有内容的拼接——包括子元素.class2里的"hi"，没法单独剥离出父元素自身的文本部分。

要实现你要的需求，得借助JavaScript来操作DOM节点，比如遍历父元素的子节点，筛选出纯文本节点并提取内容：

// 获取目标父元素
const parentEl = document.querySelector('.class1');
// 筛选并提取纯文本节点的内容
const targetText = Array.from(parentEl.childNodes)
  .filter(node => node.nodeType === Node.TEXT_NODE)
  .map(node => node.textContent.trim())
  .join(' ');

console.log(targetText); // 输出："this is string hi hi hi"

简单来说，CSS管的是元素的选择和样式，文本内容的精细提取属于DOM内容操作范畴，得交给脚本语言来完成。

内容的提问来源于stack exchange，提问作者dartman