cuốn sách gpt4 ai đã làm

Thuộc tính sự kiện/sự kiện CSS

In lại Tác giả: Walker 123 更新时间:2023-11-28 17:25:44 30 4
mua khóa gpt4 Nike

我有十二个指向不同类别的链接。作为用户定位的一种方式,我想强调用户现在所在的类别( - 按钮)。

如何在 CSS 中实现这一点?我读到了 đã chọnactive ,但我还没能让它发挥作用。

这是链接/按钮之一:

Handy & Co.

对应的CSS:

.category_item {
hiển thị: khối nội tuyến;
background:url(../img/category_item/ph.png) no-repeat;
width: 45px;
height: 45px;
margin-right: 11px;
lề dưới: 20px;
}

.category_item:hover {
background:url(../img/category_item/hover.png);
}

.category_description {
vị trí: tuyệt đối;
font-size: 11px;
màu: #000;
margin-top: 43px;
margin-left: -62px;
chỉ số z: 1;
độ mờ: 0;
}

Cảm ơn trước!

câu trả lời hay nhất

您可以在加载页面时运行一些 jquery 代码,检查链接 url 与当前页面的 url 并在匹配的链接上设置一个类。

JSFiddle:http://jsfiddle.net/og4o1tdh/2/

Như thế này:

HTML:


JS:

$('#categories a').each(function (){
var link = $(this).attr('href');
if (window.location.href.indexOf(link) > -1) {
$(this).find('span').addClass('currentCategory');
}
});

CSS:

.currentCategory {
màu sắc: cam;
độ dày phông chữ: đậm;
}

关于CSS 选定/事件属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27302192/

30 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress