Hvordan gi annen stil <table> kolonner og rader?

stemmer
1

Hvordan gi forskjellig styling til siste rad bare og første og siste kolonne i tabellen. er det mulig uten å bruke css klasser?

Se dagens eksempel her http://jsfiddle.net/jitendravyas/KxmY5/1/

og dette er hvordan jeg vil ha det:

skriv

Publisert på 21/03/2010 klokken 01:16
kilden bruker
På andre språk...                            


3 svar

stemmer
0

Ved å bruke JQuery Javascript rammeverk kan det være enklere i ditt tilfelle.

Svarte 21/03/2010 kl. 01:23
kilden bruker

stemmer
2

Hvis du er rettet mot A-Grade lesere med noen form for historiske innholdet til dem (IE 6, etc) du ikke kan gjøre det uten å bruke en klasse / ID for å velge dem. Hvis nettleseren du er målgruppe støtter :nthbarnets velgere i CSS, kan du skrive en regel for å velge dem, men vet at det ikke vil bli støttet av alle (sannsynligvis) av den besøkendes nettlesere.

Her er en referanse til Sitepoint sin n'te barnet artikkel

Svarte 21/03/2010 kl. 01:29
kilden bruker

stemmer
1

Dette er utrolig Hacky. Fungerer ikke i det hele tatt i IE6 (på grunn av bruk av '+' ved siden av-barn-velgeren). Stort sett fungerer i FF 3.6, men skal gi deg en idé om hvor stygg dette blir uten å bruke klasser, IDer eller: NTH-barn-velgere.

<style type="text/css">

table tr + tr + tr + tr + tr + tr + tr + tr td {
        background-color: yellow; /* row 8 */
}

table tr + tr + tr + tr + tr + tr + tr + tr + tr td {
        background-color: white; /* rows 9+ */
}

table tr td {
        background-color: red; /* 1st column */
}

table tr td + td {
        background-color: white; /* reset 2nd column to white */
}

table tr td + td + td {
        background-color: green; /* 3rd column */
}

table tr td + td + td + td {
        background-color: white; /* reset cols 4-10 */
}

</style>

Ettersom dette står, får de rød / grønne søyler sies opp av den gule rad. Men litt mer av denne stygge ting kunne gjenoppta dem på rader 9 og 10.

Svarte 21/03/2010 kl. 03:01
kilden bruker

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more