如何使用 Chrome 的检查器找到 :hover 状态的 CSS 减速

How to find CSS deceleration for :hover state using Chrome's inspector

我正在创建以下图库:

gallery

我相信 prettyPhoto.css 在悬停时应用了边框颜色,但我似乎无法使用 Dom 检查器找到它。

谁能帮我找到 css 来编辑鼠标悬停时的边框颜色?

那将是 bootstrap.min.css 的第 9 行:

a.thumbnail:hover, a.thumbnail:focus{
border-color: #08c;
}

如果您在 Chrome 的检查器中使用 (Ctrl+Shift+I) 而在 Google Chrome 浏览器中 windows),您可以点击 Toggle Element State,同时您已指向正确的 DOM 元素:

并且,您可能会在其中找到用于激活 :

的复选框
  • 悬停
  • 活跃
  • 重点
  • 访问过

元素的状态。