有没有办法找出网站上使用特定CSS样式的位置?

时间:2018-01-17 10:13:24

标签: html css

我知道有资源可以检查特定页面上的样式,而其他人可以清除未使用的CSS,但我需要对现有样式进行修改。

在我这样做之前,我想知道它是否会对我网站上的其他地方产生影响。

我正在使用Sitecore CMS(如果相关的话)。

1 个答案:

答案 0 :(得分:0)

最好的办法是

  • 检查元素。
  • 如果是临时的,只需将其添加到开发工具中的element.style即可。
  • 如果没有,请选择具有最高精度的

这是什么意思?

这意味着您需要使用最长的css选择器。

我们举一个例子:

<body>
  <nav></nav>
  <div class="content">
    <div class="article">
      <button></button>
    </div>
  </div>
</body>

如果您想选择按钮并确保不接触任何其他内容,您将使用此选择器:

body > nav+div.content > div.article > button {}

由于CSS的工作原理,最后应用的样式是最具体的样式。