我试着用:
.widget::before{
background:red;
height:20px;
width:100%;
content: ""; <---- if this is removed, then block is not visible at all
}
但是没有content: "";,伪块就完全不显示了。伪类应该总是包括content参数吗?
我还没有找到任何文档,所以我不认为这是可行的。但这是值得一问的。
我可以在样式表中指定样式中的实际文本吗?
我有几个地方在相同的div位置中使用相同的文本。我没有使用javascript或在div中重新输入相同的文本,而是在思考是否可以在样式中插入实际的“文本”。
.someclass {
text:"for example"; /* this is how I'd imagine it, IF it were possible */
color:#000;
}
我可能是在推这个。
我试图使用自定义的CSS属性更改dialog元素的backdrop的背景色,但不会。这是Chrome中的一个bug,还是有理由这样做?
document.querySelector('dialog').showModal();
:root {
--color-backdrop: red;
}
dialog::backdrop {
background: var(--color-backdrop);
}
<dialog>
<p>This is a dialog. My backdrop should be red.</p>
&
是否可以使用CSS将:before伪元素的背景图像设置为与其父元素相同的背景图像。我想说inherit,但是一个伪元素可以继承任何东西吗?示例:
li a {
background: #f56a46 url(images/gallery-thumb.jpg) center center no-repeat;
}
li a:before {
background: inherit;
}
我知道使用JavaScript可以很容易地做到这一点,但我想知道是否可以只使用CSS。任何帮助都将不胜感激,谢谢!
伪元素(如::before或::after )中的内容实际上不存在于DOM树中。所以,用选择器定位是不可能的。
问题是,我怎样才能提取其中的内容?例如:
<div>This is <span></span>n apple.</div>
...
span::before {
content : "a"
}
shows : This is an apple.
但是,如果我提取div的文本,我只会得到没有span::before内容的This is n apple.。
我该如何处理这个问题?