Community

For example, lets assume this falls within syntax highlighting.

With top, bottom, px being a keywords, set to display in red.


h1 {
top : 10 px ;
top : 10.1 px ;
bottom : -10px
}


(Yes, 10.1 is 'invalid' for CSS, included for testing-completeness sake)

I believe it should either display ...

I'm working on an updated syntax definition for CSS, in which, nesting {}'s is legal, and used for 'classes' using the @keyword feature.

Now, the problem is, if SyntaxStart and SyntaxEnd are { and }, and you have a chunk of code such as:


@media all and (max-width: 200px) {
html {margin: 0 ...