CSS3 Support for SyntaxEditor

Hi there,

We're looking at using the WinForms version of SyntaxEditor for a windows application that maintains our corporate CMS and internal staff Wiki/project management tools. They're all very HTML5 and CSS3 oriented and the editor will be used by web developers and designers (we have a separate WYSIWYG editor for them to use). The idea is to give the devs more access to the code via SyntaxEditor (we'll add validators and etc in the editor).

Thus far I've been tinkering and love what I see, but I am unable to workout how to get CSS3 like syntax working with your CSS grammar file example.

.icon {
 background-image: url('blah.gif');
 
 &.tracker { 
  background-position: 40px; 
 }  
 
 &.edit{   
  background-position: 35px; 
 }   
}  

I am not a CSS3 or HTML5 guru but the above snippet was given to me by one of the designers. The &.tracker parts won't be recognised.

There's also the advanced selectors for CSS3 that I'm looking at implementing by modifying the existing CSS file.

*:target { color: red; }
*:target::before {contet: url('page.png')} 

Is there a way of doing these type of things with the grammar? I thought adding a ChildState of itself to the PropertyState would be something that would work, but I can't get the .icon example above working like that.

I am also using an older version of your editor it seems - version 4.0.290.0 rather than 2012.1, this is due to the fact that another developer originally started to create a Proof of Concept but left the company. I've taken over his role and this little project.

Is it worth moving over to 2012 as it looks like if we can get  CSS3 like working, our manager should OK us buying this gem! Is there a huge difference? WPF/Silverlight are not on our agenda.