Page 1 sur 1
supprimer du texte via css
Posté : 11 août 2015, 15:36
par foetus69
C re mwa
Est-il possible en css de supprimer du texte qui n'est pas dans une balise (j'aurai tendance à dire non)
Exemple : <body>coucou phpfrance</body>
supprimer 1 des 2 mots ou les 2.
Féfé
Re: supprimer du texte via css
Posté : 11 août 2015, 16:18
par @rthur
Bonjour,
Oui c'est possible avec les propriétés CSS ::nth-word
body::nth-word(2) {
display:none;
}
Pas mal d'exemples ici :
https://codepen.io/FWeinb/pen/djuIx
Re: supprimer du texte via css
Posté : 11 août 2015, 23:35
par foetus69
Encore toi ^^
Je connaissais pas, super merci @rthur tu me sauves la vie !!!!!
Re: [RESOLU] supprimer du texte via css
Posté : 12 août 2015, 09:46
par foetus69
Re,
Je pensais... si si ça m'arrive
Est-il possible d'atteindre le 2ème td d'un table pour lesquels je n'ai pas d'id ou de class et seulement le nom d'un div parent ?
Tordue jusqu'au bout
Re: [RESOLU] supprimer du texte via css
Posté : 12 août 2015, 09:57
par @rthur
Oui c'est possible avec :
td:nth-child(2)
Attention c'est du CSS3 donc pas compatible avec les anciennes versions de IE (>IE9 il me semble)
Re: [RESOLU] supprimer du texte via css
Posté : 12 août 2015, 11:29
par foetus69
C'est cool ça
Genre on peut combiner de la sorte et appeler la 2ème cellule du premier tableau trouvé dans madiv ?
#madiv table:nth-child(1) td:nth-child(2)
J'ai bon ?
Fée
Re: [RESOLU] supprimer du texte via css
Posté : 12 août 2015, 11:57
par @rthur
Il est même préférable d'utiliser nth-of-type() pour être sûr de bien sélectionner des éléments de même type :
Voici un exemple :
http://codepen.io/anon/pen/VLNLBQ
Re: [RESOLU] supprimer du texte via css
Posté : 12 août 2015, 12:15
par foetus69
C'est tout simplement génial
Et dans le cas de tableaux imbriqués ?
Exemple :
<div id="madiv">
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</div>
Comment dire à la première cellule du premier tableau de se colorier en rouge et à la première cellule du second tableau de se colorier en vert ? J'arrive à cibler mes éléments mais mes 2 cellules prennent la couleur rouge
Re: [RESOLU] supprimer du texte via css
Posté : 12 août 2015, 14:17
par @rthur
Un truc du genre :
#madiv > table:nth-of-type(1) > tbody > tr:nth-of-type(1) > td:nth-of-type(1) {
background-color:red;
}
#madiv > table table:nth-of-type(1) > tbody > tr:nth-of-type(1) > td:nth-of-type(1) {
background-color:green;
}
http://codepen.io/anon/pen/VLNLBQ
Mais il est probablement possible d'optimiser..
Re: [RESOLU] supprimer du texte via css
Posté : 13 août 2015, 12:44
par foetus69
Ah ok en effet je ne rentrais pas dans tous les éléments
MERCI !!!