Tôi có một loạt các div mà tôi sử dụng để tạo đầu vào "xếp hạng sao". Thông thường các ngôi sao có màu xám, khi chuột di chuyển qua một trong các ngôi sao, các ngôi sao sẽ có màu và nó sẽ hoạt động.mimic: hover css sử dụng một lớp css
Bây giờ tôi muốn một lớp học "bắt chước" hành vi di chuột và tôi gọi nó là active
vì vậy khi tôi đặt lớp đó sao lấp đầy màu sắc, nhưng điều đó không hoạt động.
Đây mã:
HTML
<span class="rating">
<span class="star active"></span>
<span class="star"></span>
<span class="star"></span>
<span class="star"></span>
<span class="star"></span>
</span>
CSS
.rating span.star:before {
content: "\f005";
padding-right: 5px;
color: #bbb;
}
.rating span.star:hover:before, .rating span.star.active, .rating span.star:hover ~ span.star:before {
color: #ffbe0d;
}
Đây là fiddle: http://jsfiddle.net/fuTfX/
Tôi đang sử dụng FontAwesome để hiển thị những ngôi sao
cảm ơn bạn, tôi đã không nhận thấy nó ... – Mangiucugna