Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests

Advanced tests

This test

RichInStyle.com tests: comments

Should be red

  1. /* **/.one {color: red}

  2. /**/.two {color: red}

  3. LI/* hello */.three {color: red}

  4. LI./* hello */four {color: red}

  5. Should be red and italic {/* comment */color : red; font-style: italic}

  6. {/* comment */ color : red}

  7. DIV /* */ .seven {color: red}

  8. DIV/* */ .eight {color: red}

  9. LI /* */.nine {color: red}

  10. DIV /* */ADDRESS {color: red}
  11. .eleven/* */{color: red}

  12. .twelve/* */ {color: red}

  13. .thirteen /* */{color: red}

  14. LI.fourteen A:/* comment */link {color: red}

  15. LI.fifteen A/* comment */:link {color: red}

  16. LI/* */#sixteen

  17. {color : red/* comment */}

  18. color: red !/* */important (!important is two tokens - DELIM IDENT)

  19. color: red ! /* */important

  20. color: red !/* */ important

  21. color: red ! /* */ important

  22. {color:/* comment */red}

  23. color/* comment */: red

  24. {color/* comment */ : red}

  25. orange: large;/* comment */color: red

  26. orange: large;/* comment */ color: red)

  27. orange: large;/* comment */color: red

  28. {color /* comment */ : red}

  29. {color /* comment */: red}

  30. color: rgb(/* */100%, 0%, 0%)

  31. color: rgb(100%/* */, 0%, 0%).

  32. color: rgb(100%,/* */ 0%, 0%).

  33. color: rgb(100%, /* */0%, 0%).

  34. color: rgb(100%, 0%, 0%/* */).

Should not be red

  1. LI#/* */wrong

  2. LI/* hello */ .thirtysix {color: red}

  3. LI./* */.thirtyseven {color: red}

  4. If this is 5 picas high (i.e., very big indeed), the browser is in error, treating DIMENSION as two tokens (i.e., by allowing a comment between {num} and {ident}) font-size: 5/* */pc

  5. color: rgb/* */(100%, 0%, 0%)

  6. font-size: 16px /*/ ; color: red

  7. font-piece: madeup /* comment * / ; color: red}

  8. If this is red, // is supported for comments (it shouldn't be).