CSS Pseudo-classes with inline styles

Question

Is it possible to have pseudo-classes using inline styles     Example    lt a href  http   www google com  style  hover text-decoration none   gt Google lt  a gt    I know the above HTML won t work but is there something similar that will   P S  I know I should use an external style sheet  and I do  I was just curious if this could be done using inline styles

User · Answer

Rather than needing inline you could use Internal CSS

<a href="http://www.google.com" style="hover:text-decoration:none;">Google</a>

You could have:

<a href="http://www.google.com" id="gLink">Google</a>
<style>
  #gLink:hover {
     text-decoration: none;
  }
</style>

User · Answer

No  this is not possible  In documents that make use of CSS  an inline style attribute can only contain property declarations  the same set of statements that appears in each ruleset in a stylesheet  From the Style Attributes spec   The value of the style attribute must match the syntax of the contents of a CSS declaration block  excluding the delimiting braces   whose formal grammar is given below in the terms and conventions of the CSS core grammar  declaration-list     S  declaration        S  declaration           Neither selectors  including pseudo-elements   nor at-rules  nor any other CSS construct are allowed  Think of inline styles as the styles applied to some anonymous super-specific ID selector  those styles only apply to that one very element with the style attribute   They take precedence over an ID selector in a stylesheet too  if that element has that ID   Technically it doesn t work like that  this is just to help you understand why the attribute doesn t support pseudo-class or pseudo-element styles  it has more to do with how pseudo-classes and pseudo-elements provide abstractions of the document tree that can t be expressed in the document language   Note that inline styles participate in the same cascade as selectors in rule sets  and take highest precedence in the cascade   important notwithstanding   So they take precedence even over pseudo-class states  Allowing pseudo-classes or any other selectors in inline styles would possibly introduce a new cascade level  and with it a new set of complications  Note also that very old revisions of the Style Attributes spec did originally propose allowing this  however it was scrapped  presumably for the reason given above  or because implementing it was not a viable option

User · Answer

or you can simply try this in inline css  lt textarea style  quot   placeholder color white  quot   gt

User · Answer

Not CSS  but inline    lt a href         onmouseover    this style textDecoration    none      onmouseout     this style textDecoration    underline   gt Hello lt  a gt    See example   x2192

User · Answer

You could try https   hacss io   lt a href  quot http   www google com quot  class  quot  hover text-decoration none   quot  gt Google lt  a gt   Demo

[html] CSS Pseudo-classes with inline styles

Examples related to html

Examples related to css

Examples related to css-selectors

Examples related to pseudo-class

Examples related to inline-styles