内联属性样式中的 CSS 伪元素答案

【问题标题】：CSS pseudo-element in inline attribute style内联属性样式中的 CSS 伪元素
【发布时间】：2013-12-06 22:55:23
【问题描述】：

我已尝试使用以下网址中的示例。我尝试的是在内联属性样式中应用 css 伪元素。不知何故，它似乎不起作用。如果您有任何建议，我将不胜感激。

http://www.w3.org/TR/2001/WD-css-style-attr-20010305

    <p style="{color: green; width: 10em} ::first-letter {float: left; font-size: 300%}">

This is an example of a paragraph with inline style attribute rules to create a spot effect, in this case, a drop-cap first letter.

</p>

【问题讨论】：

您不能将属性应用于伪元素或内联伪类。您必须使用嵌入或链接的 CSS。

标签： html css pseudo-element inline-styles

【解决方案1】：

这是不可能的。您所指的工作草案已超过 12 年。单击其中的“最新版本”链接，您将找到CSS Style Attributes，这是一个 W3C 建议（“W3C 标准”）。最近被批准了。它不包含 HTML 规范中对 style 属性的任何更改，这确实是消息：该属性尚未增强，也没有计划这样做。

结论取决于您使用该构造的原因。通常，只需为元素分配一个id 属性并在CSS 中使用id 选择器。

【讨论】：

【解决方案2】：

试着这样做

<p style="color: green; width: 10em"><span style="float: left; font-size: 300%">L</span>orem Ipsum</p>

【讨论】：