CSS Pseudo-classes avec des styles en ligne

Est-il possible d'avoir des pseudo-classes à l'aide des styles en ligne?

Exemple:

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

Je connais le HTML ci-dessus ne fonctionne pas, mais est-il quelque chose de semblable qui le fera?

P. S. je sais que je devrais utiliser une feuille de style externe, et je le fais. J'étais juste curieux de savoir si cela peut être fait en utilisant des styles en ligne.

InformationsquelleAutor Web_Designer | 2011-03-13
  1. 107

    Non, ce n'est pas possible. Dans les documents qui rendent l'utilisation de CSS, une ligne style attribut ne peut contenir que des déclarations de propriété; le même jeu d'instructions qui apparaît dans chaque jeu de règles dans une feuille de style. À partir de la Les Attributs de Style spec:

    La valeur de l'attribut style doit correspondre à la syntaxe du contenu d'un CSS le bloc de déclaration (à l'exclusion de la délimitation des accolades), dont la grammaire formelle est donnée ci-dessous dans les conditions et les conventions de l' CSS de base de la grammaire:

    declaration-list
  : S* declaration? [ ';' S* declaration? ]*
  ;

    Ni sélecteurs (y compris les pseudo-éléments), ni à des règles, ni aucune autre CSS construire sont autorisés.

    Pense que des styles en ligne comme les styles appliqués à l'anonymat d'un super-précis sélecteur d'ID: ces styles ne s'appliquent qu'à un même élément avec la style attribut. (Ils prennent la priorité sur un sélecteur d'ID dans une feuille de style trop, si cet élément a que ID.) Techniquement, il ne fonctionne pas comme ça; c'est juste pour vous aider à comprendre pourquoi l'attribut ne supporte pas la pseudo-classe ou pseudo-élément styles (il a plus à voir avec la façon dont les pseudo-classes et pseudo-éléments de fournir des abstractions de l'arborescence des documents qui ne peuvent pas être exprimées dans la langue du document).

    Noter que les styles en ligne participer à la même cascade comme sélecteurs dans des ensembles de règles, et de prendre la plus haute priorité dans la cascade (!important nonobstant). Donc ils l'emportent même sur la pseudo-classe unis. En permettant à des pseudo-classes ou de tout autre sélecteurs dans des styles en ligne seraient éventuellement introduire un nouveau niveau de la cascade, et, avec elle, une nouvelle série de complications.

    Note également que de très anciennes révisions des Attributs de Style spec a l'origine, permettant de proposer cette, mais il a été abandonné, sans doute pour la raison donnée ci-dessus, ou parce que la mise en œuvre de ce n'était pas une option viable.

    InformationsquelleAutor BoltClock
  2. 41

    Pas le CSS, mais en ligne:

    <a href="#" 
   onmouseover = "this.style.textDecoration = 'none'"
   onmouseout  = "this.style.textDecoration = 'underline'">Hello</a>

    Voir l'exemple →

    • Seulement pour le :hover pseudo-classe de cours 🙂
    • Ouais, je suppose que c'est une autre option. Ce n'est pas le CSS mais il fonctionne pour :vol stationnaire à l'aide de mouseover et mouseout, :focus à l'aide de onfocus et onblur, et :active l'aide onclick.
    • Serait-ce le comte de javascript? J'ai un projet qui nécessite du CSS et pas de Javascript.
    • Oui, c'est le javascript.
    • C'est une bonne option. À l'aide d'une feuille CSS est contre OO(orienté objet) principe. Un élément de style devrait être mis en place avec l'élément.
    • à l'aide d'une feuille CSS est devenu une des meilleures pratiques reconnues. Encapsulation et de découplage sont des objectifs synergiques; il s'agit de trouver la bonne orthoganal séparer de leurs préoccupations.
    • salut @Ryan, vous avez raison. Mais le truc, c'est quand un élément html, je ne peux pas assurez-vous que son style, car il peut être affecté par des styles définis dans d'autres fichiers.
    • Un autre point de styles en ligne est de baisser les temps de rendu en utilisant un virtuel DOM. Un CSS aurez besoin de numériser l'ensemble du document pour les changements et l'application de ses styles. C'est éliminée par des styles en ligne.
    • que faire si je veux que ce même apparence sur plusieurs éléments. Ensuite, le principe SEC de OO suggère l'extraction de sortir.... les feuilles de style externes! Séparer le style de la structure n'est pas incompatible avec OO.
    • Oui, c'est un bon cas où l'on doit appliquer des feuilles de style externes, mais pas bon quand on veux être portable. Par exemple, déplacer un élément ou un widget à partir d'un projet à l'autre et de garder le style, nous avons alors besoin pour bien prendre soin de tous les "externes" styles dispersés dans d'autres fichiers.

    InformationsquelleAutor mVChr
  3. 26

    Plutôt que d'avoir besoin de inline vous pouvez utiliser Internes CSS

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

    Vous pourriez avoir:

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