Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien
Toon posts:

[html] classNames startend met een hyphen

Pagina: 1
Acties:

Verwijderd

Topicstarter
even checken hier.

stel ik heb het volgende document:
HTML:
1
2
3
4
5
<style type="text/css">
  p {background-color: red}
  p.-foo {background-color: lime}
</style>
<p class="-foo">should this paragraph be green?</p>


ergo: een className dat begint met een hyphen (-). Mag dat? Ik kan nergens terug vinden dat het niet zou mogen. Opera is hier echter niet heel blij mee

http://www.rikkertkoppes....hyphen%20class%20test.htm

  • Sendy
  • Registratie: September 2001
  • Niet online
Ik weet het niet precies, maar de HTML 4 specificatie schrijft dat class een CDATA-LIST is. Als je vervolgens kijkt wat een CDATA-LIST is, dan is er geen beperking in de tekens die gebruikt worden (dit in tegenstelling tot bijvoorbeeld de NAME van een id (een NAME moet beginnen met [A-Za-z]).

Dus ik zou class="-foo" gewoon toestaan.
edit:

En &amp;foo of &frac14;foo zouden het ook moeten doen.

[ Voor 10% gewijzigd door Sendy op 10-09-2007 12:29 ]


Verwijderd

Topicstarter
idd, enige beperking die ik kan vinden is dat er geen spaties in mogen, aangezien het dan als afzonderlijke classes wordt gezien (duh)
Working with HTML, authors may use the period (.) notation as an alternative to the ~= notation when representing the class attribute.
en
[att~=val]
Match when the element's "att" attribute value is a space-separated list of "words", one of which is exactly "val". If this selector is used, the words in the value must not contain spaces (since they are separated by spaces).
http://www.w3.org/TR/CSS21/selector.html#attribute-selectors

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 10:46

crisp

Devver

Pixelated

escapen:
Cascading Stylesheet:
1
p.\-foo {background-color: lime}


;)

Intentionally left blank


Verwijderd

Topicstarter
na wat verder zoeken in http://www.w3.org/TR/CSS21/grammar.html
class
: '.' IDENT
;
en
nmstart [_a-z]|{nonascii}|{escape}
nmchar [_a-z0-9-]|{nonascii}|{escape}
[..]
ident -?{nmstart}{nmchar}*
@crisp: aha :) blijft de vraag: fout van Opera of niet, lijkt mij (gezien bovenstaande) wel

[ Voor 19% gewijzigd door Verwijderd op 10-09-2007 13:17 ]


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 10:46

crisp

Devver

Pixelated

More precise: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier

dus ja, in feite zou de hyphen niet escaped hoeven te worden in dit geval; bugje in Opera dus :)

Intentionally left blank

Pagina: 1