[*] CSS agyrém...

Adott egy

#starter > div > a { ... }

struktúra, amit a FF ért is, viszont a tetű IE6 a jóistennek se... Hogyan alakítsam át ezt olyan módon, hogy ez a csótány IE6 is a szűk agyával értelmezze?
(Google-t átnyaltam már, de semmit nem találtam.)

--------
* Az érdeklődésre való tekintettel folytassuk a beszélgetést.

Hozzászólások

pl javascriptel

"A very intelligent turtle, found programming UNIX a hurdle
The system, you see ran as slow as did he,And that’s not saying much for the turtle."

bithulladek ie6 -nak mindig csinaltam kulon css -t...

ha jol ertem a starter div -edben a linkeket akarod szinezni?

#starter a {
...
}

igy mukodik mindenhol. pontosan mi a lenyeg?

tessék itt egy példa jquery-vel:

css-be:

#starter > div > a, .ie6sux { color:red }

html headbe:

$(document).ready(function(){

$("#starter > div > a").addClass(".ie6sux);

});

"A very intelligent turtle, found programming UNIX a hurdle
The system, you see ran as slow as did he,And that’s not saying much for the turtle."

6-os explorer a child selectort nem ismeri. Adjal az elemhez egy osztalyt, es annak add meg a formazast kb igy:

#starter a.ize { ... }

Elore szolok hogy nem ertek annyira a HTML/CSS kombohoz.

Probalkoztal mar a div#starter a { } strukturaval?
--


()=() Ki oda vagyik,
('Y') hol szall a galamb
C . C elszalasztja a
()_() kincset itt alant.

amit te írtál

az a starter nevű div ÖSSZES a elemére vonatkozik - az már más kérdés hogy mivel csak EGY starter azonosító lehet az oldalon fölösleges így hivatkozni rá.

amit topikindító akar az az hogy a starter azonosító gyermek diveinek gyermek linkjeire vonatkozzon a szelekció a többire NE.

pl.



<div id="starter">
       <div><!-- CHILD DIV -->
           <a>CHILD A</a>
           <a>CHILD A</a>
           <a>CHILD A</a>

          <ul>
              <li><a>NO CHILD A</a> </li>
              <li><a>NO CHILD A</a> </li>
              <li><a>NO CHILD A</a> </li>
          </ul>

          <div><!-- NO CHILD DIV -->
                 <a>NO CHILD A</a>
                 <a>NO CHILD A</a>
                 <a>NO CHILD A</a>
          </div>
      </div>
</div>

"A very intelligent turtle, found programming UNIX a hurdle
The system, you see ran as slow as did he,And that’s not saying much for the turtle."

No, szerintem böngészővizsgálás lesz, és az IE6-ot használó delikvenseket elküldöm melegebb éghajlatra, valamint normális böngészőt letölteni. :D :D :D
--
Coding for fun. ;)

Épp ezt akartam mondani, bármennyire off és bármennyire nem a megoldásról szól: azért b....sza mán' meg, aki 2008 őszén még mindig ie6-ot használ...

És így?

Bezöldítem a gyereket, alatta lévő szinteken mindenhol máshol pedig piros. Mintha részhalmazok lennének gyerek helyett. Egyébként szerencse hogy megtaláltam ezt az kérdést, mert most ezzel bukott ki, hogy az egyik weblapomnál nálam sem (volt) hibátlan ie6 alatt a css :)

#starter div a {color: green;}
#starter div * a {color: red;}

Ez egyformának tűnik ff2 ie7 és ie6 alatt is.
tomsolo példáját felhasználva:
http://linked.drag2web.com/css/gyerek.html

ez nekem is eszembe jutott, de ezzel két probléma van:

1, nem én írtam :)
2, mintha úgy emlékeznék hogy ie alatt nem lehet egynél több csillag - tehát nem lehet a #starter > div > div > a helyett #starter * * a (de lehet hogy tévedek.)

"A very intelligent turtle, found programming UNIX a hurdle
The system, you see ran as slow as did he,And that’s not saying much for the turtle."

a két csillagnak mi értelme?
#valami * == valamin belül mindenre vonatkozik
#valami * * == valamin belül minden, amin belül minden :)
így megadva nem csak az első szintű gyerekre vonatkozik, hanem tetszőleges mélységig... vagy arra gondolsz hogy két csillaggal megadható lenne, hogy csak az unokáktól kezdve vonatkozik?

szerk: kipróbáltam, jópofa, működik ie 6 alatt is a * * :)
És tényleg csak a két szintnél melyebbiekre hat