就像标题所说的那样,我正在尝试将特定内容添加到页面的一部分。显然这是一个绝望的手段,因为我无法手动修改代码。到目前为止,这就是我所拥有的。
.paper-form input[name="elements[bd67ba9a-507b-4214-98a3-5abd36562937]"]:after {
content:'test';
}
根据我所做的,名称选择器正在工作,但是一旦我添加了:after
它就不起作用了。谁能告诉我我不习惯使用伪代码。提前致谢。
:before 和 :after 不适用于输入元素,你必须这样写 css
.paper-form:after {
content:'test';
}
在这篇文章中有很好的描述http://www.w3.org/TR/CSS2/generate.html#before-after-content
(最初在上面的帖子中引用了评论)
...它正在评论的答案是正确的。重要的是输入是一个替换的元素。:before 和 :after 伪元素构成了被替换元素内容的一部分,这就是它不渲染的原因。正如在该页面上指出的那样,on
<hr>
是一个 void 元素但未被替换, :before 和 :after 伪元素被渲染。– 阿洛奇