title: ASP.NET MVC, CSS style only for Partial View like <style scoped>
body: <p>There is a new html attribute called <a href="http://www.w3schools.com/tags/att_style_scoped.asp" rel="nofollow">scoped</a> but it is <a href="http://caniuse.com/#feat=style-scoped" rel="nofollow">now implemented only in firefox</a>. This attribute lets you to declare internal styles only for parent element. </p>
  
  <p>I wonder if this is possible to emulate such behavior in ASP.NET MVC Partial View <strong>without</strong> creating some wrapper <code>&lt;div class="wrapperOverPartial"&gt;</code></p>
  
  <p>Assume we have a view called <code>Infoes</code> </p>
  
  <pre class="lang-cs prettyprint-override"><code>//some specific css here or css imported from file
  &lt;h2&gt;Infoes&lt;/h2&gt;
  
  &lt;address&gt;  
      @Html.Partial("SomeSpecificInfo")
  &lt;/address&gt;
  </code></pre>
  
  <p>and partial view <code>SomeSpecificInfo</code></p>
  
  <pre class="lang-cs prettyprint-override"><code>&lt;style&gt;
         //some internal styles defined here
  &lt;/style&gt;
  &lt;h2&gt;Some Specific Info&lt;/h2&gt;
  </code></pre>
  
  <p>I want these style to be internal only for <code>SomeSpecificInfo</code> same way when using <code>scoped</code>, is this possible ?</p>