[XML] XML attributen met CSS opmaak - Softwareontwikkeling

woensdag 27 maart 2002 01:49

Acties:

Topicstarter

Volgens een opdracht die ik aan het maken ben, moet je met CSS 2.0 opmaak aan attributen kunnen geven om ze zo te onderscheiden.
Het volgende XML document wordt als voorbeeld gegeven:

code:

<?xml-stylesheet type="text/css"   href="opmaakopmerking2.css" ?>
<!-- opmaaktest2.xml -->
<document>
<body>
<opmerking type="waarschuwing"> dit is een waarschuwing
</opmerking> maar dit is een suggestie
<opmerking type="suggestie"> een Suggestie dus </opmerking>
terwijl
<opmerking type="bron"> dit is een bron is. </opmerking> 
</body>
</document>

Met de volgende stylesheet daaraan:

code:

opmerking {margin-left:.5in;width:250px;border-width:3px;border-style:outset
border-color:blue;position:relative;background-color:lightBlue;}
opmerking [type="suggestie"] {background-color:yellow;border-color:yellow;}
opmerking [type="bron"] {background-color:green;border-color:green;}
opmerking [type="waarschuwing"] {background-color:red;border-color:red;}

Maar alle elementen worden met de bovenste style weergegeven, er wordt dus geen onderscheid gemaakt tussen de elementen met hun verschillende elementen. Nu ben ik al ff ermee bezig, maar ik zie niet waar de fout zit, iemand?

woensdag 27 maart 2002 01:55

Acties:

Orphix

Geen idee hoe dat zit met CSS2.0 en of CSS met XPath werkt, maar via XPath geef je attributen aan dmv een @. Het zou dan dit moeten worden:

code:

opmerking {margin-left:.5in;width:250px;border-width:3px;border-style:outset
border-color:blue;position:relative;background-color:lightBlue;}
opmerking[@type="suggestie"] {background-color:yellow;border-color:yellow;}
opmerking[@type="bron"] {background-color:green;border-color:green;}
opmerking[@type="waarschuwing"] {background-color:red;border-color:red;}

woensdag 27 maart 2002 02:04

Acties:

Epitome

Topicstarter

Helaas werkt dat niet...

woensdag 27 maart 2002 02:10

Acties:

Orphix

Uhm de [] blokken aan 'opmerking' vast en misschien diegene zonder filter als laatste

woensdag 27 maart 2002 02:14

Acties:

Rense Klinkenberg

<xml />

't was effe zoeken, maar dan heb je ook wat: http://www.w3.org/TR/REC-CSS2/selector.html

code:

E[foo]
Matches any E element with the "foo" attribute set (whatever the value).

E[foo="warning"]
Matches any E element whose "foo" attribute value is exactly equal to "warning".

E[foo~="warning"]
Matches any E element whose "foo" attribute value is a list of space-separated values, one of which is exactly equal to "warning".

E[lang|="en"]
Matches any E element whose "lang" attribute has a hyphen-separated list of values beginning (from the left) with "en".

edit: Het zijn dus de attribute-selectors

woensdag 27 maart 2002 09:33

Acties:

Verwijderd