在内联CSS中使用CSS :CSS和:after伪元素？
在内联CSS中使用CSS :CSS和:after伪元素？
提问于 2013-01-03 22:59:45
我正在使用内联CSS (即style属性中的CSS )制作一个HTML电子邮件签名，我很好奇是否可以使用:before和:after伪元素。
如果是这样的话，我该如何用内联CSS实现这样的东西呢？
td { text-align: justify; }
td:after { content: ""; display: inline-block; width: 100%; }回答 5
Stack Overflow用户
发布于 2013-11-29 23:04:46
如上所述:内联调用css伪类/ -element是不可能的。我现在所做的是:给你的元素一个惟一的标识符，f.ex。id或唯一类。并编写一个拟合的<style>元素
<style>#id29:before { content: "*";}</style>
<article id="id29">
<!-- something -->
</article>很笨拙，但是什么内联css不是..？
Stack Overflow用户
发布于 2014-04-29 18:39:32
您可以在内联中使用数据
<style>
td { text-align: justify; }
td:after { content: attr(data-content); display: inline-block; width: 100%; }
</style>
<table><tr><td data-content="post"></td></tr></table>Stack Overflow用户
发布于 2019-09-18 18:08:02
你不能在内联css中创建伪元素。
但是，如果您可以在样式表中创建伪元素，则可以通过将inline style设置为其父元素，然后使用inherit关键字设置伪元素的样式来设置它的内联样式，如下所示：
<parent style="background-image:url(path/to/file); background-size:0px;"></p>
<style>
parent:before{
content:'';
background-image:inherit;
(other)
}
</style>有时这可能会很方便。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14141374
复制相关文章
相似问题