使用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:after
inheritance。 需要注意的是,你不能用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>