Nested Style Selectors

It would be nice if we could do something like this:

<Style Selector=".SomeClass">
  <Style Selector="TextBlock#SomeText">
    <Setter Property="IsVisible" Value="False" />
  </Style>
  <Style Selector="StackPanel#SomeStackPanel">
    <Setter Property="Background" Value="Red" />
  </Style>
</Style>

This would allow better organized styles by logically grouping related selectors. This is similar to how LESS and SASS allow nested selectors to improve on plain CSS.

[robloo]

This is complete now, correct?

[sards3]

Probably .SomeClass TextBlock#SomeText. Then another possibility would be:

<Style Selector=".SomeClass">
  <!-- Next line is equivalent to: .SomeClass TextBlock#SomeText  -->
  <Style Selector="TextBlock#SomeText">
    <Setter Property="IsVisible" Value="False" />
  </Style>
  <!-- Next line is equivalent to: .SomeClass > StackPanel#SomeStackPanel. Note the > at the start. -->
  <Style Selector="> StackPanel#SomeStackPanel">
    <Setter Property="Background" Value="Red" />
  </Style>
  <!-- If we want to get fancy, we could also follow LESS/SASS by using & as the parent selector, like so: -->
  <!-- Next line is equivalent to: .SomeClass.AnotherClass -->
  <Style Selector="&.AnotherClass">
    <Setter Property="Background" Value="Blue" />
  </Style>
</Style>