tôi muốn làm một cái gì đó như thế này:Làm thế nào để sử dụng CSS di chuột bên trong html-tag?
<li style="hover:background-color:#006db9;">
Nhưng nó wont work. Điều này có thể làm theo một cách nào đó, hay tôi phải viết css trong đầu hoặc tài liệu css bên ngoài?
Không thể sử dụng thuộc tính style. Bạn sẽ phải sử dụng CSS, trong chính tài liệu hoặc trong một tệp bên ngoài.
li:hover { background-color:#006db9; }
Nếu đó không phải là tùy chọn thì bạn sẽ phải sử dụng JavaScript.
AFAIK không thể thực hiện nội tuyến mà không có Javascript. Bạn sẽ phải đặt nó vào đầu hoặc bảng định kiểu bên ngoài như bạn đã đề xuất.
Thẻ <style> trong cơ thể cũng được hiểu bởi tất cả các trình duyệt mà tôi biết nhưng không hợp lệ và do đó không được khuyến nghị.
AFAIK Bạn không thể sử dụng các lớp giả (: hover,: active, vv) trên css nội dòng.
Thay vì chỉ có <li>, bạn có thể làm tổ nó trong một thẻ neo <a href="#" class="hoverable"> và sau đó đưa phong cách này ở phía trên cùng của tập tin hoặc trong một file CSS bên ngoài:
a.hoverable:hover{background-color:#006db9}
Hoặc bạn chỉ có thể sử dụng Javascript để tránh sử dụng thẻ neo.
Tôi muốn giới thiệu JQuery.
Không thể thực hiện với kiểu nội tuyến, nhưng trình xử lý sự kiện onmouseover/onmouseout nổi tiếng có thể thực hiện tương tự.
<li onmouseover="this.style.backgroundColor='#006db9'" onmouseout="this.style.backgroundColor=''">
Nên biết trước: định nghĩa CSS với dấu gạch nối đã được dịch sang javascript sử dụng camelCase, giống như (css) background-color = (javascript) backgroundColor
Chưa kể rằng những pseudoclasses không hoạt động trên tất cả các trình duyệt . Khu nghỉ mát đáng tin cậy duy nhất là JS. – BalusC
Đồng ý. Thật không may, đây là sự thật: ( –
Có các trình duyệt (nửa chừng hiện tại) không hỗ trợ: di chuột khác với IE <7? –