Style à toutes les balises x qui ne sont pas dans une balise y

Style à toutes les balises x qui ne sont pas dans une balise y - HTML/CSS - Programmation

Marsh Posté le 31-03-2020 à 15:48:55    

Bonjour à tous,
 
Je dois appliquer un style à toutes les balises <table> qui ne sont pas dans un <form>.
A priori c'est simple :

Code :
  1. :not(form) table {
  2. border: 1px solid red;
  3. }


 
Sauf qu'il me met une bordure rouge à toutes les tables qu'elles soient dans un form ou pas...
 
 
Une idée ?
Merci :)


Message édité par zezette le 31-03-2020 à 15:49:08

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes
Reply

Marsh Posté le 31-03-2020 à 15:48:55   

Reply

Marsh Posté le 01-04-2020 à 11:26:45    

Ajoutes une règle spécifique aux tables dans un élément form
 
      :not(form) table {
   border: 1px solid red;
      }
      form table {
   border: none;
      }
 
Et ça devrait marcher (testé avec FF)
 
A+,


---------------
There's more than what can be linked! --    Iyashikei Anime Forever!    --  AngularJS c'est un framework d'engulé!  --
Reply

Marsh Posté le 01-04-2020 à 15:39:56    

Tu peux virer le ":not(form)" à ce moment là.
Ainsi tu fonctionnes dans le sens contraire, tu définies un style par défaut pour toutes les tables (bordure rouge) et un autre style pour celles qui sont dans un formulaire (pas de bordure).
 
Je pense que niveau performances c'est mieux et donc plus logique.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 10-04-2020 à 18:06:48    

Essaie ça :
:not(form)>table
 
Je crois que l'exemple figure ici : http://stylescss.free.fr/v2-selectors/pseudo-class.php

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed