source: branches/WebJobManager/HeuristicLab.ExtLibs/HeuristicLab.AvalonEdit/5.0.1/AvalonEdit-5.0.1/Highlighting/Resources/CSS-Mode.xshd

<SyntaxDefinition name="CSS" extensions=".css" xmlns="http://icsharpcode.net/sharpdevelop/syntaxdefinition/2008">
  <Color name="Comment" foreground="Gray" exampleText="/* comment */" />
  <Color name="String" foreground="Green" exampleText="body { background: url(&quot;image.png&quot;) }" />
  <Color name="Selector" foreground="DarkBlue" fontWeight="bold" exampleText="div p" />
  <Color name="Class" foreground="DarkMagenta" exampleText="#para" />
  <Color name="Property" foreground="Red" exampleText="p { color: red; }" />
  <Color name="Value" foreground="Blue" exampleText="p { color: red; }" />
  <Color name="CurlyBraces" foreground="Black" exampleText="{ }" />
  <Color name="Colon" foreground="Black" exampleText=":" />
  <RuleSet ignoreCase="true">
    <Span color="Comment" multiline="true">
      <Begin>/\*</Begin>
      <End>\*/</End>
    </Span>
    <Span
      color="Property"
      multiline="true"
      ruleSet="CSSBlock">
      <Begin color="CurlyBraces">\{</Begin>
      <End color="CurlyBraces">\}</End>
    </Span>
    <Span color="Class">
      <Begin>\#</Begin>
      <End>\s</End>
    </Span>
    <Rule color="Selector">[\d\w]</Rule>
  </RuleSet>

  <RuleSet name="CSSBlock">
    <Span color="Comment" multiline="true">
      <Begin>/\*</Begin>
      <End>\*/</End>
    </Span>
    <Span color="Value" multiline="true">
      <Begin color="Colon">\:</Begin>
      <End color="CurlyBraces">\;|(?=\})</End>
      <RuleSet>
        <Span color="String" multiline="true">
          <Begin>"</Begin>
          <End>"</End>
          <RuleSet>
            <Span begin="\\" end="." />
          </RuleSet>
        </Span>
        <Span color="String" multiline="true">
          <Begin>'</Begin>
          <End>'</End>
          <RuleSet>
            <Span begin="\\" end="." />
          </RuleSet>
        </Span>
      </RuleSet>
    </Span>
  </RuleSet>
</SyntaxDefinition>