Sujet Précédent Sujet Suivant

Supprimer border sur un élément cibler

Fermé
seb - 7 mai 2017 à 22:59
 seb - 8 mai 2017 à 23:17
Bonjour,

j'ai plusieurs onglet qui marche

mais pour le css je n'arrive pas à cibler les élément

là j'ai ce css 

	  .navigation-onglet .level1:nth-child(1)
	  {
	  clear: both;
	  position: relative;
      z-index: 5;
	  top:-0.1em;
	  border-top:#CCCCCC 1px solid;
	  }

	  .navigation-onglet .level2:nth-child(1)
	  {
	  clear: both;
	  position: relative;
      z-index: 5;
	  top:-0.1em;
	  border:#CCCCCC 1px solid;
	  }


là sur mon premier onglet du level1

il y a un border top sur la class level1 et un border sur level2

là pas de souci

maintenant sur mon 2 éme onglet du level1

il y a bien un border top sur la class level 1

maisz sur la classe level 2 je veux suprimer la bordure sur la classe level2

si je met
.navigation-onglet .level1:nth-child(2).navigation-onglet .level2:nth-child(1)
	  {
	  border:0;
	  }


afin de suprimer lla bordure du level2 uniquement sur le 2 éme onglet du level1 et come ca level2 pas de bordure

là ca ne marche pas il ne veut pas suprimer la bordure du level2 sur mon 2eme onglet menu level1



merci

2 réponses

Réponse 1 / 2
Utilisateur anonyme
8 mai 2017 à 00:09
Sans le code HTML ça sera difficile de bien te comprendre et aussi pour t'aider.
0
Réponse 2 / 2
seb
8 mai 2017 à 10:05
voilà le html 
	  <!--Début des navigations par onglet-->
	  <section class="navigation-onglet">
	  <!--Début des menus principaux-->
	  <nav><ul class="menu">
	  <li class="actif">profil</li>
	  <li>editer le profil</li>
	  </ul></nav>
	  <!--Fin des menus principaux-->
	  <!--Début du contenu-->
	  <div>
	  <!--Début du profil-->
	  <div class="item level1">  
	  <!--Début des sous menus profil-->
	  <nav><ul class="sous-menu">
	  <li class="actif">mon phisyque</li>
	  <li>ma vie perso</li>
	  <!--Fin des sous menus profil-->
	  <!--Début du contenu-->
	  <div>	  
	  <div class="item level2"><h2 class="titre-oui-border-bas">mon physique</h2><dl class="profil-stats"><dt>taille :</dt><dd>réponse</dd></dl></div>
	  <div class="item level2"><h2 class="titre-oui-border-bas">ma vie perso</h2><dl class="profil-stats"><dt>statut maritial :</dt><dd>réponse</dd></div>
	  </div>
	  <!--Fin du contenu-->
	  </div>
	  <!--Fin des profil-->
	  <!--Début du editer-->
	  <div class="item level1">
	  <!--Début des sous menus éditer profil-->
	  <nav><ul class="sous-menu">
	  <li class="actif">mon phisyque</li>
	  <li>ma vie perso</li>
	  </ul></nav>
	  <!--Fin des sous menus éditer profil-->
	  <!--Début du contenu-->
	  <div>
	  <div class="item level2"><form action="toto.php" method="post" ><fieldset><legend>mon physique</legend>etc....</fieldset></form></div>
	  <div class="item level2"><form action="toto.php" method="post" ><fieldset><legend>mon vie perso</legend>etc....</fieldset></form></div>
	  </div>
	  <!--Fin du contenu-->
	  </div>
	  <!--Fin des editer-->
	  </div>
	  <!--Fin du contenu-->
	  </section>
	  <!--Fin des navigations par onglet-->



si je mets un border sur ma class level2 sur le premier onglet profil

physique et perso là c'est bon il met bien le border

et dans mon 2 eme onglet éditer profil

là sur la clase level2 il met le border mais celi là je vex le supprimer car il y a déjà un border sur la balise fieldset


comment on peut cibler et lui dire de supprimer le border:0px sur la class level2 mais uniquement sur le 2 éme onglet et non sur le premier onglet
0
nahdinlepen
8 mai 2017 à 21:59
Yo,
border en CSS est une abréviation(notation raccourcie) qui regroupe trois propriétés CSS.
L'une d'elle est border-width(épaisseur de bordure).

Essayez
1) d'être rigoureux en utilisant la notation exacte(syntaxe et sens/sémantique corrects)
2) fiez vous(en premier) au manuel de CSS, autrement dit le dictionnaire des propriétés et leur définition, cela permet d'éviter le genre d'erreur que vous faites en ayant un exemple sous les yeux et pas écrire une chose pour une autre.

Sinon pour le ciblage il y a quelques possibilités autres que les repères par id, class ou nom d'éléments. C'est le cas des pseudo classes(certaines comme firstchild, lastchild), de l'écriture avec virgule ou symbole supérieur(>) qui permet de se déplacer dans l'arbre DOM et de repérer(plus que cibler car ce n'est pas actif comme dans la programmation) de façon précise ou pointilleuse un ou des éléments auxquels appliquer des styles en cascades(comme repérer uniquement les lignes paires/impaires d'une liste etc...).

Quelques exemples(le manuel!!!)

https://www.w3schools.com/css/css_pseudo_elements.asp
0
seb
8 mai 2017 à 23:17
il faut que je met quoi pour mettre un border au level 2 sur mon premier onglet

et sur le 2 eme onglet a la class level 2 pas de bordure

merci
0

Discussions similaires

Comment supprimer un compte Facebook sans email ni mot de passe ?
Joris77 -
jalker123 -

20 réponses