ASP.NET MVC，CSS 样式仅适用于像 <style scoped> 这样的 Partial View答案

【问题标题】：ASP.NET MVC, CSS style only for Partial View like <style scoped>ASP.NET MVC，CSS 样式仅适用于像 <style scoped> 这样的 Partial View
【发布时间】：2015-04-25 22:05:29
【问题描述】：

有一个名为scoped 的新html 属性，但它是now implemented only in firefox。此属性允许您仅为父元素声明内部样式。

我想知道这是否可以在 ASP.NET MVC 部分视图中模拟这种行为而不创建一些包装器<div class="wrapperOverPartial">

假设我们有一个名为Infoes的视图

//some specific css here or css imported from file
<h2>Infoes</h2>

<address>  
    @Html.Partial("SomeSpecificInfo")
</address>

和局部视图SomeSpecificInfo

<style>
       //some internal styles defined here
</style>
<h2>Some Specific Info</h2>

我希望这些样式仅在 SomeSpecificInfo 内部使用，与使用 scoped 时相同，这可能吗？

【问题讨论】：

... 使用 CSS 类？ <address class="specific-info">
这很明显，但我在问题中提到我想要一些属性，如 scoped 而不是包装类
或者你可以在你的 <address> 元素中添加一个 CSS 类，并使用该类作为前缀来为你的主 CSS 中的局部视图定义样式。

标签： asp.net-mvc html css asp.net-mvc-5

【解决方案1】：

在局部视图中定义 css inline。里面SomeSpecificInfo

<style>
//Your custom class
</style>
 The rest of your partial view.

这会将类的范围仅限于SomeSpecificInfo 页面。

【讨论】：

嗯我已经这样做了，这些内联样式会影响页面上的所有内容。
如果你愿意，可以试试 lex/SASS。
我已经在使用 LESS 但这不是这个问题的重点。我只是想知道 ASP.NET MVC 中是否有任何指令、属性或配置将内联 css 的范围缩小到声明它的部分视图。