[RESOLU] supprimer du texte via css

11 août 2015, 15:36

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é

11 août 2015, 16:18

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

11 août 2015, 23:35

Encore toi ^^

Je connaissais pas, super merci @rthur tu me sauves la vie !!!!!

12 août 2015, 09:46

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

12 août 2015, 09:57

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)

12 août 2015, 11:29

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

12 août 2015, 11:57

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

12 août 2015, 12:15

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>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</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

12 août 2015, 14:17

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..

13 août 2015, 12:44

Ah ok en effet je ne rentrais pas dans tous les éléments

MERCI !!!

[RESOLU] supprimer du texte via css

Qui est en ligne