:focus Pseudo-class trong CSS
:focus Pseudo Class trong CSS được sử dụng để thêm hiệu ứng đặc biệt cho một phần tử đã được focus.
Khi định nghĩa các Pseudo Class trong <style>...</style>, bạn cần chú ý các điểm sau:
a:hover PHẢI theo sau a:link và a:visited trong phần định nghĩa CSS, nếu không nó sẽ không có hiệu quả.
a:active PHẢI theo sau a:hover trong CSS, nếu không nó sẽ không có hiệu quả.
Các tên được sử dụng cho Pseudo Class là không phân biệt kiểu chữ.
Pseudo Class là khác với các Class khác trong CSS, tuy nhiên chúng có thể kết hợp với nhau.
:focus Pseudo Class có thể nhận giá trị:
color: bất kỳ giá trị màu hợp lệ nào.
:focus Pseudo Class có thể áp dụng cho:
Các phần tử Anchor / Link trong HTML.
Ví dụ :focus Pseudo Class trong CSS
Sau đây là ví dụ minh họa cách sử dụng :focus Pseudo Class trong CSS đối với các Link mà được focus.
<html>
<head>
<style type="text/css">
a:focus {color: #0000FF}
</style>
</head>
<body>
<a href="/css/index.jsp">Ban click vao day</a>
</body>
</html>
Bạn di chuyển chuột qua link để thấy kết quả:
Công cụ giáo viên (2048.VN)
Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free
Bài học CSS phổ biến khác tại vietjack.com:
Dành cho bạn
Công cụ giáo viên
- Tạo đề online từ PDF / Word
- Trộn nhiều mã đề, in Offline
- Giao bài online, Quản lí lớp học
