28106 sujets

CSS et mise en forme, CSS3

Bonjour
Sur le formulaire https://cochanger.eu/proposition-media-web
je cherche à masquer le 1er élément tr au niveau de la ligne Tag (qui fait doublon) dans le 2ème onglet [Autres Infos]
<tr>
						<th scope="col" style="width:45%">
	Tag *
</th>												<td style="width:8%;">
															<div class="btn-group">
									<button type="button" class="group-add btn btn-sm btn-success" aria-label="Ajouter">
										<span class="icon-plus" aria-hidden="true"></span>
									</button>
								</div>
													</td>
											</tr>

En regardant https://techbrij.com/css-selector-adjacent-child-sibling
j'ai mis
#subfieldList_jform_com_fields_tags + tr  { 
/*	display: none; */
	border:10px dotted black!important;
}

Modifié par HDcms (19 Aug 2022 - 18:17)
Modérateur
Salut,

Le + c'est pour des éléments frères. un simple
#subfieldList_jform_com_fields_tags tr
devrait suffire non ?
salut
Non car il y a le 2ème tr qui doit être visible
Voir le résultat maintenant que je mets avec
#subfieldList_jform_com_fields_tags tr
Modérateur
Ah désolé j'avais pas vu qu'il y avait un tbody. Et bien il faut sélectionner le thead avant :
#subfieldList_jform_com_fields_tags thead tr {}

voir uniquement le thead vu qu'il n'y a que le tr dedans
#subfieldList_jform_com_fields_tags thead {}
Meilleure solution
merci bien vu. Il me semble de l'avoir fait parmi d'autres essais, mais cool du coup cela clarifie encore 1 erreur que je faisais Smiley ohwell