有没有办法找出如何定位元素css

Question

我正在为开发人员使用Chrome浏览器和工具 有没有办法可以悬停或单击元素并获取CSS的目标类？

我想知道如何更改某个元素CSS，但我正在使用Bootstrap框架，当我想要更改某些颜色，边距等时，找到要使用的类并不总是很容易..

很抱歉不包含任何代码。但是你有最好的答案：）

Answer 1

您可以打开Chrome检查器并右键单击元素，然后转到复制，然后转到复制选择器。这种强硬并不是一个真正的动态解决方案，因为如果代码结构发生变化，选择器将不再总是正确的。更好的解决方案是添加ID或特定类，仅用于使用javascript进行选择。

Answer 2

如果选择元素（ctrl + shift + c），则可以在右列中查看应用的CSS。如果您想要更简单的方法来查看填充设置的位置，可以单击右侧窗格中的“计算”选项卡。

在那里，您将看到应用于所选元素的所有最终CSS。您可以展开每个属性以查看它的定义位置，以及它被覆盖的位置以进入最终的计算状态。