Avatar billede mik789 Nybegynder
14. august 2002 - 17:21 Der er 14 kommentarer og
1 løsning

css syntaks

Hvordan refererer man til et element der er descendent i en fremmed ID? Altså: hvis jeg har f.eks.

#roed { ...; ...; ...; osv. } /* Oprindelig ID */
#roed a { ...; ...; ...; osv. } /* descendent */

- og nu godt vil bruge egenskaberne for #roed a i et <a> tag uden for #roed. Hvordan udfylder jeg så style attributten i dette tag? Er jeg nødt til at lave en klasse for a svarende til #roed a der så er tilgængelig for alle eller kan jeg genbruge descendents i specifikke ID'er???
Avatar billede medions Nybegynder
14. august 2002 - 17:26 #1
Du skriver fx.
a#roed{ ...; ...; ...; osv. } /* descendent */

//>Rune
Avatar billede mik789 Nybegynder
14. august 2002 - 17:33 #2
medions> det er ikke det jeg mener. a#roed definerer en ID ("roed") der kun kan være et anker. Men man kan så videre definere styles for descendent elementer af #roed, f.eks. for <a> tags. Disse styles vil så kun blive brugt for ankre inde i #roed. Men jeg vil gerne kunne bruge dem uden for også ved at kunne henvise entydigt til a i #roed. Spørgsmålet er måske nok lidt kringlet, men det skulle da være klart nok hvad jeg mener.
Avatar billede jakoba Nybegynder
14. august 2002 - 17:33 #3
hvert enkelt id må kun benyttes EEN eneste gang. der bør du lave det som klasser, dvs

a.klassenavn { ...
Avatar billede mik789 Nybegynder
14. august 2002 - 17:36 #4
jakoba> OK, men hvis man laver styles for descendents af denne ene id ville det da egentlig være smart hvis man kunne henvise til dem også i andre sammenhænge. Hvis henvisningen bare er entydig kan der jo ikke ske nogle fejl.
Avatar billede jakoba Nybegynder
14. august 2002 - 17:39 #5
der er denne her funktion:
    document.getElementById( "idnavn" )
hvad skal den finde hvis der står  id="idnavn"  i to forskellige html-kommandoer?
Avatar billede mik789 Nybegynder
14. august 2002 - 17:43 #6
jakoba> ups ja - det havde jeg ikke tænkt på, men det kunne være at # kunner erstattes med et andet tegn i netop denne sammenhæng - en eller form for @-agtig ting: a@roed eller lign. - Nå det er nok nemmere at støve manualen igennem ( http://www.w3.org/TR/REC-CSS2/ ) for at se om der er en smart løsning.
Avatar billede jakoba Nybegynder
14. august 2002 - 17:44 #7
En af de ting i CSS jeg er mindre glad for er netop det her. at id-begrebet sammenblander 2 meget forskellige funktioner, navngivning og style-attributter.
Avatar billede jakoba Nybegynder
14. august 2002 - 17:46 #8
Jep, # kan erstattes med et . (punktum) så det er et klassenavn du definerer. klasser er kun til at definere CSS attributter, og de kan du bruges i alle de html-kommandoer man vil.
Avatar billede =maddog= Nybegynder
14. august 2002 - 17:48 #9
.extras, #roed a {...;....;}

<span id="roed"><a jegfårdenstyle></span>
<a class="extras" detfårjegogså>
Avatar billede mik789 Nybegynder
14. august 2002 - 17:50 #10
maddog> jes, det ser ud som noget i det STIL jeg tænkte mig ... må lige prøve
Avatar billede =maddog= Nybegynder
14. august 2002 - 17:53 #11
her er en god indføring i selectors til CSS. guld læsning, simpelthen et MUST!
http://www.blooberry.com/indexdot/css/syntax/selectors/selectors.htm
BEMÆRK! Mange af dem virker kun i NS6+. Ærgerligt får input[type="submit"] er f.x. noget man tit kunne ønske sig at bruge. På tide at Microskod vågnede op synes jeg.
Avatar billede mik789 Nybegynder
14. august 2002 - 17:55 #12
sagen er jo den at stylesheets har det med nogle gange at vokse lidt vildt. Man laver en ID og nogle descendents fordi man tror at man kun skal bruge dem der, Men senere finder man ud af at man savner dem andre steder også. Laver man dem så om til classes, så skal man ind i html koden og skrive class="" alle de steder, de er brugt. Og så er det smart hvis man i i de nye tags i stedet kan referere til den allrede definerede style (som maddog ser ud til at gøre) uden at behøve at lave om på de gamle tags.
Avatar billede mik789 Nybegynder
14. august 2002 - 17:56 #13
maddog> den tager jeg til natlæsning. nu kalder gryderne
Avatar billede =maddog= Nybegynder
14. august 2002 - 18:01 #14
jeg må også snart vende snuden hjemad. <gab class="tired">har siddet i møder hele dagen</gab>
Avatar billede mik789 Nybegynder
14. august 2002 - 21:32 #15
maddog> god oversigt i det link ... lidt hurtigere at finde rundt i end w3 manualen
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester