pseudo-class CSS :focus-within

Định nghĩa và cách sử dụng

CSS :focus-within pseudo-class được sử dụng để khớp với một yếu tố, nếu yếu tố đó hoặc bất kỳ yếu tố con nào của nó nhận được sự chú ý.

Mô hình

Khi một trường trong biểu mẫu nhận được sự chú ý, chọn và thiết lập kiểu biểu mẫu:

form:focus-within {
  border: 2px solid đen;
  background-color: beige;
  color: đen;
}

Thử ngay!

Ngữ pháp CSS

:focus-within {
  css declarations;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn ảo lớp này.

Trang liên quan

Hướng dẫn:CSS ảo

Tham khảo:pseudo-class :focus trong CSS