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

Question

I am creating the following gallery:

gallery

I believe that there prettyPhoto.css is applying a border-color on hover but I can't seem to locate it using the Dom Inspector.

Can anyone help me locate the css to edit the border color on hover?

Answer 1

That would be at line 9 of the bootstrap.min.css :

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

Answer 2

if you are using Chrome's inspector( (Ctrl+Shift+I) while in a Google Chrome browser windows), you may click on Toggle Element State , while you have pointed the correct DOM element:

and, there you may find checkboxes, to activate the :

• Hover
• Active
• Focus
• Visited

states for the element.