如何有效地使用CSS？

Question

我花了很多时间试图找出导致行为发生变化的原因，当我从VS 2013中的标准MVC模板对网页中的样式进行一些小改动时。它使用Twitter Bootstrap。

我发现追踪遍布整个地方的样式非常困难。例如，布局页面中的菜单至少标有六个类：navbar navbar-inverse navbar-fixed-top container navbar-collapse和collapse。试图找出哪个类影响某些行为是很费时的。 Chrome中的F12工具栏有点帮助，但我发现它也很混乱。

人们可以分享任何技巧以及他们如何攀登CSS曲线。

Answer 1

Chrome DevTools通过F12是您的最佳选择。有效地利用它符合你的最佳利益。

以下是Google有关如何使用Chrome DevTools编辑和检查DOM的文档：

https://developer.chrome.com/devtools/docs/dom-and-styles