相关疑难解决方法(0)

基于元素文本的CSS选择器?

可能重复:
是否有包含特定文本的元素的CSS选择器?

有没有办法根据元素文本选择css中的元素?

即:

li[text=*foo]

<li>foo</li>
<li>bar</li>
Run Code Online (Sandbox Code Playgroud)

这可能不起作用.

编辑:也只需要支持Chrome.

css css-selectors

218
推荐指数
3
解决办法
37万
查看次数

如何CSS:选择基于内部HTML的元素

<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]它似乎没有用.

html css css-selectors

35
推荐指数
3
解决办法
6万
查看次数

伪元素是否可以继承父元素的文本?

我需要为某些 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属性

css

5
推荐指数
1
解决办法
2137
查看次数

标签 统计

css ×3

css-selectors ×2

html ×1