0
votes

Utilisation: Après sélective pour le réglage de style en ligne

J'ai une feuille de style comme celle-ci ci-dessous,

p>

<h3>Title</h3>


4 commentaires

Vous ne pouvez pas définir, ni changer, les styles pseudo-éléments inline . La raison est que vous ne pouvez appliquer que règles dans l'attribut de style et ne pas utiliser aucun sélecteurs . Parce que les pseudo éléments n'ont pas tag , il n'y a rien à placer le type de style approprié sur.


Je pense que cela aurait dû être h3 :: après . Je ne sais pas ce que votre "règlement" est, mais je pense que changer votre CSS devrait fonctionner.


Pouvez-vous utiliser le nom de la classe ou l'ID au lieu de la balise comme sélecteur?


Je déteste être l'un des ces personnes , mais si votre seule option est inline utilisez ensuite inline JavaScript . Pardon.


3 Réponses :


1
votes

Vous ne pouvez pas ajouter pseudo opérateur style inline , car pseudo Les opérateurs ne sont conçus que dans les classes CSS et < code> IDS

Et vous prenez à propos de l'ajout pseudo opérateur avec Attribut , qui n'est pas possible,
pour plus d'informations visitez cet article . Cela vous aidera https://www.w3.org/tr/css-style-attr/ < / a>


2 commentaires

Parce que les pseudo-opérateurs ne sont que conquis dans les classes de CSS et les identifiants double mal. 1. Il n'y a pas de tel que pseudo opérateurs . 2. Pseudo Sélecteurs peut être appliqué sur TOUT SELECTECTEUR (non pseudo), pas seulement les sélecteurs de classe et d'identification.


Je viens de donner l'idée :)



1
votes

Il n'y a aucun moyen d'utiliser pseudo dans CSS en ligne. Si vous souhaitez utiliser le pseudo , vous devez l'utiliser interne CSS ou CSS externe .


0 commentaires

-1
votes

Vous pouvez recréer la même différence sans avoir besoin de pseudo-élément.

Seule la petite ombre est manquante sup> p>

p>

<h3 style="background:
    linear-gradient(to bottom right,#fff 49%,#a8d4ff 50%) 0 0/15px 15px border-box,
    repeating-linear-gradient(to right, #fff 0 4px,transparent 4px 8px) top/100% 2px,
    repeating-linear-gradient(to right, #fff 0 4px,transparent 4px 8px) bottom/100% 2px,
    repeating-linear-gradient(to bottom,#fff 0 4px,transparent 4px 8px) left/2px 100%,
    repeating-linear-gradient(to bottom,#fff 0 4px,transparent 4px 8px) right/2px 100%,
    #dfefff;
  background-repeat:no-repeat;
  border:5px solid transparent;
  padding: 0.2em 0.5em;
  color: #454545;">Title</h3>


0 commentaires