Đánh dấu một tab đang hoạt động - CSS

Question

Tôi có một thiết lập điều hướng tab nhỏ bằng cách sử dụng CSS. Khi di chuột qua các tab, màu sắc sẽ thay đổi, tuyệt vời. Tuy nhiên khi tôi nhấp vào một tab và nó điều hướng đến trang tương ứng, tôi muốn tab đó (tab hoạt động?) Vẫn được đánh dấu, cho biết trang hiện tại.

Tôi hiện đang thực hiện việc này bằng cách sử dụng một lớp (.currenttab) và sau đó sử dụng lớp này trong mỗi tệp HTML. Tôi không sử dụng:

active 

Có cách nào cho tôi để sử dụng hoạt động, thay vì sử dụng một lớp trong mỗi tập tin HTML riêng biệt, hoặc là những gì tôi đang làm có đúng không?

Cảm ơn bạn trước.

Answer 1

Điều bạn đang làm là chính xác. Bộ chọn giả :active có nghĩa là một cái gì đó khác - sự kiện kích hoạt một điều khiển (ví dụ: thời gian giữa người dùng nhấn nút chuột và giải phóng nó).

Sử dụng một lớp để biểu thị mục đã chọn là cách để thực hiện.

Answer 2

Cách xa lý tưởng, nhưng nếu bạn cung cấp cho mọi trang và mỗi tab một id, bạn có thể xác định đánh dấu bằng css thay vì html. Tôi chạy qua một giải thích đầy đủ trong khi nhìn lên các thuộc tính tích cực:

Highlighting Current Page With CSS

A site I designed with this technique (trang, không tab)

Answer 3

Dưới đây là một số ví dụ khác brainjar Demo
Thêm từ Brainjar