在 MVC 5 项目的视图中检查哪些样式应用于 HTML 元素答案

【问题标题】：Check which styles are applied to an HTML element in a view in MVC 5 project在 MVC 5 项目的视图中检查哪些样式应用于 HTML 元素
【发布时间】：2018-04-28 02:37:15
【问题描述】：

例如，假设有一个带有花哨颜色的标记：

<p>Something written here</p>

使用 Visual Studio 2017 和 MVC 5 项目，有没有办法检查和定位当前应用了哪些样式，以及负责它的 CSS 源文件？

【问题讨论】：

您想先查看适用的样式，然后再在 Web 浏览器中查看？我认为没有任何工具可以正确地做到这一点。使用浏览器有问题吗？（Chrome 在这方面真的很擅长）
为此使用浏览器工具
现代浏览器具有页面检查器功能，您可以使用它来查看应用于页面中嵌入的 HTML 标记和样式文件的 CSS 选择器。
使用浏览器没有问题，只是想知道Visual Studio 2017是否有办法。感谢您的建议。

标签： html css asp.net-mvc visual-studio

【解决方案1】：

使用 Chrome，只需右键单击您的元素，单击检查，它将打开开发工具。这显示了应用的 css 以及它来自哪个 css 样式表文件。

您不能在 VS 中神奇地做到这一点，因为 JavaScript 可以在页面加载后更改样式表，而 VS 对此一无所知，因为它实际上并没有尝试渲染它。

【讨论】：