使用CSS:之前和之后:内嵌CSS的伪元素?

我正在使用内联CSS(即style属性中的CSS)制作HTML电子邮件签名,我很好奇是否可以使用:before:after伪元素。

如果是这样,我将如何实现这样的内联CSS?

 td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; } 

您不能为伪元素指定内联样式。

这是因为伪元素,像伪类(请参阅我对这个其他问题的回答 ),在CSS中使用select器定义为文档树的抽象,不能用HTML表示。 另一方面,内联style属性是在HTML中为特定元素指定的。

由于内联样式只能出现在HTML中,因此它们将只应用于定义的HTML元素,而不适用于它生成的任何伪元素。

另外,伪元素和伪类在这方面的主要区别在于默认inheritance的属性将由生成元素的:before:after inheritance ,而伪类样式不适用在所有。 以你的情况为例,如果你在td元素的内联样式属性中放置text-align: justify ,它将被td:afterinheritance。 需要注意的是,你不能用inline style属性声明td:after ; 你必须在样式表中做到这一点。

如上所述:不可能调用一个css伪类/ -lelement内联。 我现在做的是:给你的元素一个唯一的标识符,f.ex. 一个id或一个独特的类。 并写一个适合的<style>元素

 <style>#id29:before { content: "*";}</style> <article id="id29"> <!-- something --> </article> 

fugly,但什么内联CSS不是..?

不,你不能像大卫·托马斯所说的那样在内联CSS中使用伪类或伪元素 。 有关更多详细信息,请参阅BoltClock关于伪类的答案

不可以。style属性只为给定的HTML元素定义样式属性。 伪类是select器族中的一员,不属于属性…..

我们也可以使用相同的伪元素

不可以。style属性只为给定的HTML元素定义样式属性。 伪类和伪元素是select器族的成员,不会出现在属性中,所以你不能以内联方式对它们进行样式设置。

是的,这是可能的 ,只需添加内置样式的元素,你之前或之后添加,例如

  <style> .horizontalProgress:after { width: 45%; } </style><!-- Change Value from Here --> <div class="horizontalProgress"></div> 

您可以使用内联数据

  <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>