- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我举了一个我正在处理的问题的简短示例。
HTML代码:
CSS 代码:
.BB a:hover{
color: #000;
}
.BB > li:after {
border-right: 2px solid #DDD;
border-bottom: 2px solid #DDD;
}
câu hỏi:当鼠标悬停在 a:hover 但只有元素 时,如何将 border-right 和 border_bottom 颜色更改为 #000其中包含
我用鼠标指着什么?
我试过这样的jquery
$('.BB a').hover(function(){
$('ul.BB > li').toggleClass('hov');
}
和 CSS
.BB > li.hov:after {
border-right: 2px solid #000;
border-bottom: 2px solid #000;
}
但是这样我就改变了所有的
1 Câu trả lời
首先,伪元素没有nội dung
属性。如果它没有 nội dung
属性/值,伪元素将不会显示。
.BB > li:after {
content: '';
border-right: 2px solid #DDD;
border-bottom: 2px solid #DDD;
}
如果你想在悬停在子Một
元素上时改变lý
元素的类,你需要使用$(cái này)
在事件处理程序中。然后,您将使用 .parent()
方法遍历 DOM - $(this).parent('li')
.
$('.BB a').hover(function(){
$(this).parent('li').toggleClass('hov');
});
不过,您实际上可能不需要 jQuery 来执行这些操作。您可以只使用 CSS :hover
伪类:
.BB > li:after {
content: '';
border-right: 2px solid #DDD;
border-bottom: 2px solid #DDD;
}
.BB > li:hover:after {
border-right: 2px solid #000;
border-bottom: 2px solid #000;
}
唯一的区别是,当鼠标悬停在 lý
元素上时,边框的颜色会发生变化,而不是像 jQuery 示例中那样,悬停在 Một
元素上。如果这是一个问题,您还可以将伪元素添加到 Một
元素而不是 lý
元素:
.BB > li a:after {
content: '';
border-right: 2px solid #DDD;
border-bottom: 2px solid #DDD;
}
.BB > li:hover a:after {
border-right: 2px solid #000;
border-bottom: 2px solid #000;
}
关于jquery - 使用 :after 使用 jquery 更改样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28648130/
Thân gửi các bạn: Ngày 18 tháng 3 năm 2014. Tôi đang giải quyết một tình huống khi sử dụng ng-repeat, các phần tử bên trong một mảng (mà tôi lấy từ chuỗi Json) thay đổi thứ tự ban đầu của chúng. Cần phải rõ ràng rằng mảng
Có rất nhiều câu hỏi hỏi về cách thay đổi lớp của div trong trình xử lý nhấp chuột JavaScript, ví dụ ở đây: Thay đổi kiểu Div onclick. Tôi hiểu điều đó rất tốt (chỉ cần thay đổi .className) và nó hoạt động
Tôi đã nhập cơ sở dữ liệu từ Access vào MySQL, nhưng một trong các bảng có tên cột là "Number of Shares" có dấu cách, mặc dù tôi đã thử thay đổi, thay thế hoặc thậm chí xóa tên cột nhưng không được. Có ai có thể giúp giải quyết vấn đề này không String UpdateQuary = "U
Tôi đang làm việc trên một yếu tố ngẫu nhiên của trường học. Hiện tại, tôi có một trang với hai mã CSS. Một cho chế độ xem bình thường và một cho chế độ xem bị vô hiệu hóa. Trang này cũng bao gồm hai nút sẽ thay đổi kiểu bảng được sử dụng. chức năng c
Tôi cần thay đổi văn bản trong một phần tử HTML bằng javascript, nhưng tôi không biết cách thực hiện. ¿ Có giúp được gì không? Tôi định nghĩa nó như thế này: Văn bản tôi muốn thay đổi. Tôi đang cố gắng làm điều này: docum
Tôi có một thanh điều hướng chính nằm trong tệp riêng nav_bar.shtml mà mọi trang khác đều có. Thanh menu là thanh menu jQuery (ApyCom là tên công ty bán các thanh điều hướng này). Cách xác định các thành phần trên thanh điều hướng
Tôi đang loay hoay với mã của mình và bắt đầu tự hỏi liệu thay đổi từ: if(array[index] == 0) thành: if(!array[index] != 0) có thể ảnh hưởng đến bất kỳ mã nào hay không, hay nó chỉ thực hiện cùng một chức năng và tôi không cần nó.
Tôi đang cố gắng tìm cách thay đổi kích thước cửa sổ bảng điều khiển. Sau đây là mã cho hàm tôi đang sử dụng: #include #include #define WIDTH 70 #define HEIGHT 35 HANDLE wHnd;
Tôi gặp nhiều tình huống dẫn đến cùng một hộp thông báo cảnh báo. Có giải pháp nào dễ hơn/tốt hơn là thực hiện nhiều câu lệnh if không? SẢN PHẨM BOX1 BOX2 BOX3
Tôi có XELEMENT B Bob Petier 19310227 1 chứa các phần tử này và tôi muốn chuyển đổi tiền tố như thế này. B Bob Thú Cưng
Tôi gặp phải tình huống này khi sử dụng MySQL 5.6: Truy vấn này hoạt động và trả về kết quả mong đợi: select * from some_table where a = 'b' and metadata->>"$.countr
Tôi tự hỏi liệu có ai biết gói hoặc hàm nào có thể phát hiện bất kỳ sự thay đổi nào trong định dạng của cột ngày tháng trong R không, tức là phát hiện nơi định dạng của vectơ ngày tháng thay đổi, ví dụ: 11/2/90 12/2/90 . . . 15/Feb/1990 16/Feb/1990 .
Tôi muốn có thể thay đổi nhãn của GtkButton sau khi tiện ích được hiển thị char *ButtonStance == "Connect"; GtkWidget *EntryButton = gtk_button_ne
Tôi đang sử dụng bo mạch phát triển FPGA Altera DE2 và cố gắng sử dụng cổng thẻ SD và đường ra âm thanh. Tôi đang lập trình bằng VHDL và C nhưng tôi gặp khó khăn với phần C do thiếu kinh nghiệm/kiến thức. Hiện tại, tôi có thể
Sau khi nhận thấy liên kết này: http://www.newscientist.com/blogs/nstv/2010/12/best-videos-of-2010-progress-bar-illusion.h
Tôi muốn biết trong một số trường hợp, ansible sẽ hiển thị "changed=0" ngay cả khi tác vụ playbook đã được thực thi thành công và ok=2. Điều này xảy ra khi sử dụng Rest API và mô-đun uri. Tôi đã cố gắng tìm lời giải thích nhưng vô ích. Ai có thể nói
Câu hỏi này đã có câu trả lời: Đã đóng cách đây 12 năm. Có thể trùng lặp: thêm nút vào cảnh báo thông báo đẩy Có thể chỉ định các nút để cảnh báo thông báo đẩy trong hộp cảnh báo được hiển thị bởi thông báo từ xa không?
Khi bạn có nhiều hơn 5 View Controller trong TabBarController, hệ thống sẽ tự động thiết lập View "More" cho bạn. Có thể thay đổi màu của thanh điều hướng trong Chế độ xem này để phù hợp với màu tôi đang sử dụng không?
Làm thế nào tôi có thể thay đổi vị trí của thư mục .AndroidStudioBeta, theo mặc định nằm tại \..\User\.AndroidStudioBeta trong Windows, mà không làm hỏng bất cứ thứ gì? /Sửa: Tìm
Hiện tại tôi đang cố gắng áp dụng phong cách lập trình chức năng hơn cho một dự án liên quan đến phát triển GUI cấp thấp (dựa trên LWJGL). Rõ ràng là trong trường hợp này, có rất nhiều trạng thái cần phải được lưu giữ và có thể thay đổi được trong phiên bản hiện tại. Mục tiêu của tôi cuối cùng là có một trạng thái hoàn toàn không thể thay đổi để tránh
Tôi là một lập trình viên xuất sắc, rất giỏi!