html - 如何使用 CSS 选择文本节点

标签 html css-selectors

我有以下 HTML 标记:

<h1> 
     <div class="sponsor"> 
          <span>Hello</span>  
     </div> 
     World 
</h1>

当我使用 CSS 选择器 h1 时,我得到了 Hello World

很遗憾,我无法更改标记,而且我只能使用 CSS 选择器,因为我使用的是聚合 RSS 提要的系统。

有没有我只能使用文本节点的 CSS 选择器?特别是这个例子中的 World

最佳答案

CSS 的当前状态无法执行此操作,请查看此链接:W3C

这里的问题是你写到屏幕上的内容没有显示在 DOM 中 :P。

另外 ::outside 似乎还没有工作(至少对我来说在 Safari 6.0.3 中)或者它根本没有产生想要的结果。

检查我的 fiddle ,然后检查 DOM 源:JSfiddle

最后是属性选择器 a { content: attr(href);},使 CSS 能够读取 DOM 节点属性。似乎还没有与此等效的 innerHTML。如果可能的话,那就太好了,而您也许能够操纵标签的内部标记。

关于html - 如何使用 CSS 选择文本节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15641889/

相关文章:

html - 你应该如何在不使用表格的情况下在 VS2010 中布局页面?

html - 除非显示 : table is set?,否则不考虑 flex 元素的高度

javascript - 如何使用 Flask 获取用户选择的 <select> 标签选项?

CSS 选择器问题

CSS 选择器级联/特异性未按预期工作

javascript - 匹配/不匹配的正则表达式上没有出现警报框?

html - 我的页面向右滚动。为什么会这样?

html - 使用 nth-child 选择多个子元素

html - Polymer 1.x 使用纸张输入插入图像

从 iframe 中动态加载的表中抓取时出现 Python Selenium 超时异常