sélecteur css durée:la première question de l'enfant

J'ai un div. À l'intérieur de cette div, j'ai une table avec 2 lignes. Dans la deuxième ligne, j'ai un seul td. Dans ce td, j'ai d'abord une img, que d'une plage, de l'autre travée, et enfin un autre img. Je voudrais sélectionner à travers les css de la première travée et de lui donner une couleur rouge. Voici ci-dessous mon code. Malheureusement, il ne fonctionne pas. J'espère que quelqu'un peut vous aider. Merci d'avance pour vos réponses. Des acclamations. Marc. Par ailleurs, la structure html peut paraître stupide. Je suis d'accord. J'ai juste simplifié pour faciliter la conférence. Donc pas besoin de commenter le code.

http://cssdesk.com/sVKXg

<div id="myDiv">
  <table cellspacing="0">

        <tr>
            <td>
                <span>Some text</span>
            </td>
        </tr>

        <tr>
            <td>
                <img src="img/quotes-open.png" alt="" />
                <span>span1</span>
                <span>span2</span>
                <img src="img/quotes-close.png" alt="" />
            </td>
        </tr>

  </table>   
</div>
#myDiv tr:nth-child(2) span:first-child{
  color:red;}

OriginalL'auteur Marc | 2012-02-12

  1. 23

    La :first-child sélecteur de seulement sélectionne cet élément s'il est le premier enfant de la mère. Le premier enfant dans ce cas est une image, pas un brin. Vous êtes à la recherche pour le :first-of-type sélecteur.

    #myDiv tr:nth-child(2) span:first-of-type { color:red }
    Bonjour animuson. Il travaille 🙂 Vous êtes les meilleurs! Merci beaucoup...

    OriginalL'auteur animuson

  2. 1

    Le CSS devrait être:

    #myDiv tr:nth-child(2) span:nth-child(2){
  color:red;
}

    OriginalL'auteur Kobra