可能重复:
是否有包含特定文本的元素的CSS选择器?
有没有办法根据元素文本选择css中的元素?
即:
li[text=*foo]
<li>foo</li>
<li>bar</li>
Run Code Online (Sandbox Code Playgroud)
这可能不起作用.
编辑:也只需要支持Chrome.
<a href="example1.com"> innerHTML1 </a>
<a href="example2.com"> innerHTML2 </a>
<a href="example3.com"> innerHTML3 </a>
Run Code Online (Sandbox Code Playgroud)
我想基于内部HTML使用CSS选择器设置第二个(innerHTML2)样式.这可能吗?我尝试过使用a[value=innerHTML2]
它似乎没有用.
我需要为某些 div 复制文本并设置不同的样式。我将为此使用伪元素。
关于content
属性,我知道我可以像在下面的演示代码中一样从父元素中获取属性,但是有没有办法获取父元素的实际文本?我没有在文档或网上找到任何说可以或不能完成的内容。
div::after {
content: attr(data-text);
display: block;
}
Run Code Online (Sandbox Code Playgroud)
<div data-text="This is the data-text contetnt">This is the div content</div>
Run Code Online (Sandbox Code Playgroud)
编辑
我要补充的是,如果这是在 JS 中完成的,它将使用textContent
属性而不是innerHTML
属性