firefox ดู hover class ของ style sheet อย่างไร

บทความนี้ไม่ค่อยเกี่ยวกับ  JavaScript สักเท่าไหร่แต่ผมเห็นว่ายังไงเพื่อนๆ ที่ได้ทำงานสายเว็บคงตอนเคยปวดหัวกับเรื่องนี้มาบ้างนะครับ  คือเวลาที่เราต้องการลูกเล่น Css ของเว็บอื่นๆ  หรือ Demo ต่างๆ แล้วเราอยากได้มาประยุกต์ใช้กับงานของเราเช่น เราอยากได้ Effect ตอน Hover Button

เราก็ทำการคลิกขาวที่ Fire Fox แล้วเราก็เลือก inspect


จากนั้นเราก็เจอ Class ของ Button ที่เราต้องการแล้วเราก็ Copy Code แล้วนำมาใช้งานใน เว็บของเราซึ่งตัวปุ่มเองก็แสดงได้อย่างถูกต้องทุกอย่างแต่พอเอา Mouse ไป Hover แล้วกับไม่มีอะไรเกิดขึ้นเหมือนตัวอย่างวะ  ถ้าตัวอย่างมี Class ไม่ค่อยเยอะคงเปิด style sheet ทั้งหมดแล้วหา Button:Hover เอาเองแต่ style sheet สมัยใหม่ๆ นั้นมีเป็นพันๆ บรรทัดแล้วจะหาเจอได้ไงเหนื่อนเกินๆๆๆๆๆ  แค่จะเอาแค่ Hover  (คันจะเขียนเองก็ไม่สวยเหมือนเขาก็เรามันสาย Dev นี่เอิกๆๆ) ผมมีวิธีง่ายๆ ทำตามได้เลยดู you tube ด้านล่างได้เลยโครตง่าย  (เป็น you tube แรกของ Site ผิดพลาดประการใดขออภัยด้วยนะครับผม)