Új hozzászólás Aktív témák

• Sk8erPeter nagyúr

  #4537

  #4536 Jim-Y

  2014-11-09 22:40:19

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Sk8erPeter

  nagyúr

  #4536 Jim-Y

  #4536 Jim-Y

  Attól függ, hogy mit akarsz elérni, legalábbis én úgy értelmezem, hogy..hmm, ja látom már, ebben mi a logika? Rosszul értelmeztem... én azt hittem, hogy

  '#content.inner' ->

  <div id="content">
  content
  <div class="inner">inner</div>
  </div>

  '#content, .inner' -> felsorolás

  '#content .inner' -> invalid

  De látom, hogy nem így van.. fene, bocs.

  Hogy tudtál eddig működő kódot írni, ha nem tudtad, hogy működnek a selectorok?

  Nehogy még véletlenül valami kezdő félreértse, inkább leírom, hogy van helyesen:

  1.) '#content.inner'
  - content azonosítójú ÉS inner class-szal ellátott elemre illeszkedik:

  <div id="content" class="inner">
  ...
  </div>

  2.) '#content, .inner'
  - content azonosítóval VAGY inner osztállyal ellátott elemre illeszkedik (az is jó, ha az egyik ezek közül nincs meg, vagy ha ugyanarról az elemről beszélünk, és mindkettő igaz rá, de ezt most szándékosan kihagyom a példákból, nehogy valakit megtévesszen) - hiszen felsoroljuk, mely elemeket szeretnénk kiválasztani:

  erre is illeszkedik (szándékosan különraktam, nem hierarchikusan):

  <div id="content">...</div>
  <div class="inner">...</div>

  erre is (egy másik elembe van ágyazva, de tök mindegy):

  <div id="content">
  ...
  </div>
  <div id="anotherone">
  ...
  <div class="inner">...</div>
  ...
  </div>

  és erre is (itt egymásba ágyazva szerepelnek):
  <div id="content">
  ...
  <div class="inner">...</div>
  ...
  </div>

  3.) '#content .inner'
  - a content azonosítóval ellátott elemen belüli, inner osztállyal ellátott elem(ek)et keressük (egymásba ágyazott struktúra):

  <div id="content">
  ...
  <div class="inner">...</div>
  ...
  </div>

Új hozzászólás Aktív témák