Je voudrais appliquer le style css à la première image

J'ai essayé first-child mais je ne pouvais pas le faire fonctionner.

CSS

.post_locked2 img:first-child {

HTML

<div class="post_locked2">
  <h1>title...
  <h2>Subtitle....
  <p>.....
  <p>....
  <img class="aligncenter" src="http://www.what...
  <img title="RockDizFile" src="http://......
  <img title="Bullet" src="http://wwww.......
</div>

Comment voulez-vous appliquer le style css à la première image?

Ce qui n'a pas de travail? Quelles règles avez-vous été en essayant de l'appliquer? Le :first-child sélecteur doit déclencher dans ce cas, à moins qu'il n'y a plus que vous ne l'êtes pas nous montrer.
Êtes-vous à l'aide d'un CSS2.0 navigateur compatible? Quel navigateur utilisez-vous? Comme d'autres l'ont mentionné, cela devrait fonctionner.
Je tiens juste à préciser que cette question EST valable, et les commentaires précédents sont incorrectes dans leur hypothèse, OPs code "doit travailler". En conséquence, la question a reçu un peu imméritée bas-voix.

OriginalL'auteur user1068544 | 2012-02-14

  1. 10

    :first-child sélectionne uniquement pour le premier enfant de l'élément parent. OPs exemple :first-child serait le h1 donc img:first-child n'aurait pas pour effet de sélectionner quoi que ce soit.

    Utilisation nth-of-type(1) à la place.

    http://reference.sitepoint.com/css/pseudoclass-nthoftype 

    <!-- in the head -->
<style>
.post_locked2 img:nth-of-type(1){
  border:5px solid red;
}
</style>

<!-- in the body -->
<div class="post_locked2">
<img class="aligncenter" src="http://www.what...
<img title="RockDizFile" src="http://......
<img title="Bullet" src="http://wwww.......
</div>

    Et voici un autre exemple de l'utilisation: http://jsfiddle.net/FsEhD/

    Je ne vois rien à changer du tout au tout, même si j'ai choisi quelque chose d'aussi générique que le div>p:nth-of-type(1) { border: 1px solid red; } Quelle est la prise en charge du navigateur? Firefox?
    Il est disponible sur tous les navigateurs modernes (caniuse.com/#feat=css-sel3). Vous avez probablement devraient essayer de créer un test minimal de cas qui reproduit ce (jsfiddle peut-être), et de poser votre propre question. Laisser un lien ici et je serai heureux de prendre un coup d'oeil.

    OriginalL'auteur Zach Lysobey

  2. 0

    Avez-vous essayé?

    post_locked2>.aligncenter:first-child {some:styles;}

    ou

    post_locked2>img:first-child {some:styles;}
    J'ai tout dans les endroits appropriés
    Alors peut-être une autre feuille de style est de déconner. Ensuite, vous pouvez essayer {some:styles !important;} ou l'examen de la cause.

    OriginalL'auteur core1024