Mobile Themes can be nested with a scope?

Mobile Themes can be nested with a scope?


But I want to take it to the next level.  Would it be possible to add nested css scopes like this?

  1. <div id="parentContainer" class="theme1">
  2.        <input type="button" data-theme="a"....
  3.        
  4.        <div id="childContainer" class="theme2"
  5.                <input type="button" data-theme="a" ....
  6.        </div>

  8. </div>
The problem is if I define themes like the follow css code, theme2 takes the values for theme1 due the order they are defined.

  1. .theme2 .ui-btn-up-a ...
  2. .....


  5. .theme1 .ui-btn-up-a ...
  6. ....
There is a solution to achieve this? There are plans to support this modular aproach in the future?

Thanks!