html - 内联属性样式中的CSS伪元素

标签 html css pseudo-element inline-styles

我已尝试使用以下网址中的示例。我尝试的是在内联属性、样式中应用 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>

最佳答案

这不可能。您所指的工作草案已有 12 年以上的历史。单击其中的“最新版本”链接,您将找到 CSS Style Attributes , W3C 推荐标准(“W3C 标准”)。它最近获得批准。它没有像 HTML 规范中那样对 style 属性进行任何更改,这确实是消息:该属性尚未得到增强,并且没有这样做的计划。

结论取决于您使用该结构的原因。通常,只需将 id 属性分配给元素并在 CSS 中使用 id 选择器即可。

关于html - 内联属性样式中的CSS伪元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20138454/

相关文章:

html - 为什么 anchor 标签不继承其父标签的颜色?

html - 将 Accordion 菜单默认设置为显示内容而不是将其隐藏在 Liquid 中

css - flexbox 中的边距折叠

css - CSS中伪类、伪选择器、伪元素的区别

javascript - CSS::before::after 伪元素动态宽度

javascript - 将此代码放在我的 Angular 元素中的哪里?

javascript - Youtube JS API 在 Internet Explorer 中导致错误

html - 如何将多个类放在 <li> 元素中?

html - 高效的暗模式主题与移动 HTML 的切换

html - 向元素添加动画时,h1 元素上的数据文本属性不显示