:first-child - Haszprus überblog

:first-child

©   Haszprus   |   fejlesztés, howto, css

Sziasztok gyerekek, remélem jók voltatok, ma esti mese gyanánt a css first-child pszeudo-osztályával szeretnélek megismertetni benneteket.

First-child, azaz első gyermek. Ha a html doksit nézzük, akkor egy

<b><em>jajdejó</em><em>szupi</em></b>
kódban a b tag első gyermeke az em, tartalma "jajdejó", a második gyermeke szintén egy em, tartalma "szupi". A két em közül tehát a jajdejó tartalmú egy first-child. A b first-childja. A napokban a CSS :first-child pszeudo-osztállyal valósítottam meg azt, hogy egy táblázatban az első oszlop a többitől eltérően jelenjenjék meg.

<table class="ircquote"> <tr> <td>Balázs</td> <td>melyik php fgv is csinál md5-öt egy karaktersorozatból?</td> </tr> <tr> <td>Haszprus</td> <td>md5() :-) </td> </tr> </table>

A fenti táblázat első oszlopában szereplő neveket ha pl. szeretnénk jobbra zárni, akkor azt a következő módon lehet elérni css-ben anélkül, hogy külön minden nyomorult td-nek megadnánk egy class-t.

.ircquote td:first-child { text-align: right; }

Ennek magyarázata, hogy a neveket tartalmazó td-k a sorokat jelentő tr-ek első gyermekei.

És boldogan éltek, míg meg nem haltak. Jó éjt gyerekek, ennyi volt a mese mára.

Update 17:43: ja igen, a módszer apró hátránya, hogy az IE6 nem kezeli


RSS: hozzászólások ehhez a bejegyzéshez 21 hozzászólás - Szólj hozzá Te is!


Jól tudom, hogy az IE6 ezt nem kezeli?

Kiválóan, viszont mindjárt itt az IE7 Én a jövőnek fejlesztek

(Remélem az IE7 azért már tudni fogja )

3) Mefi
Az IE7 tudtommal mar tudja, ellenben az Opera 9-es betajaval, ami miatt kifejezetten morc vagyok. (az elso valasz aminek tartalma a "Firefox rulez" azt likvidalom )

Haszprus: Íllítólag igen. De ha jól emlékszem, a mostani betaverzió még nem tudja...
mefi: nem mondod, hogy az Opera 9 nem ismeri? Én úgy tudtam, hogy már a 8-as is tudja.

Ellenben ha már itt tartunk, nem tudjátok hogy lehet kiolvasni egy css-ben deklarált értéket js-ből?



8) Balázs
mefi: Opera9b nagyon jól tudja, a hiba benned van. Az IE7b2pre még nem tudja, csak a :hover-t tetszőleges elemre, nagyon kíváncsi vagyok, hogy a kész b2 mit fog hozni. Apró trükként az első elemeknek mindig megadok egy .first osztályt, ezzel kerülöm meg az IE semmitnemtudását.

És szemét vagy, Haszprus. [obszcén káromkodások selfcensored]

ezt a hoverdolgot cáfolnám, sőt, egész addig elmennék, hogy pár oldalon az _a:hover_ se működött (nekem).

Ezt tekintsük bugnak, feltehetően nem fogják az a:hovert kivenni az IE tudásából :Í

Nálam is csinált érdekeseket a :hover-rel, de azért legtöbbször működött minden elemre. Szóval úgy tűnt, hogy azt szeretnék, ha menne mindenre, csak valamit elrontottak

Haszprus: ezen nem fogunk összeveszni de néhány wordpress szájt elér érdekesen tud kinézni ie-ben. (nálam a small tagek ignorálódnak egyfolytában; de mostmár nem offolok tovább. (de ha valaki tud hasonlóról adhatna linket.))

13) Mefi
8# Balazs: mutass egy oldalt, ahol lathatom. Mar lattam egy parat, es egyiken sem mukodott (mig Firefox alatt igen).

Honnét a búsból lehet letölteni az O9‐et?


16) suexID
melyviz: A Wordpress kód kicsit másabb kategória. Bár az is HTML de azt mutáns űrlények állítják elő és az IE "Alien Mode"-ban rendereli!

eddig eljutottam, linket pls.



Akármit is, most jött ki a wordpress 2.01, valami 150 környéki bugfix-szel. Nem kizárt, hogy ott lesz a probléma megoldása

21) suexID
Nah kíváncsian várom, hogy a képbeszúrást vajon javították-e!


Egy évnél régebbi bejegyzésekhez nem lehet hozzászólni.