我的一个朋友正在从一家公司租用一个网上商店。他能够从不同的模板中进行选择,并且能够覆盖预定义的 CSS 并添加 javascript 片段。他要求我帮助她进行一些更改,但有一些我无法处理的事情:“添加到购物车”按钮。在下面的 CSS 中,有一个包含预定义值的“content”属性。我想根据 HTML lang 属性动态更改此属性的值。你知道我怎样才能实现这个目标吗? (我知道如何获取 lang 属性的值。我的问题是更改“content”属性的值)
#add_to_cart:before {
display: block;
font-family: 'sosa';
font-size: 35px;
content: "Ä";
padding-right: 5px;
font-weight: 400;
width: 71px;
height: 71px;
line-height: 65px;
text-align: center;
text-indent: 0;
text-shadow: none;
color: #fff;
}
尝试这个:
HTML:
<html lang="en">
...
<div id="add_to_cart" data-content="">example</div>
CSS:
#add_to_cart:before {
display: block;
font-size: 35px;
content: attr(data-content);
padding-right: 5px;
font-weight: 400;
width: 71px;
height: 71px;
line-height: 65px;
text-align: center;
text-indent: 0;
text-shadow: none;
color: red;
}
JS:
$('#add_to_cart').attr('data-content', (document.documentElement.lang == 'en' ? "x" : "y"));
您会看到“example”之前的字符在以下情况下发生变化lang
的属性<html>
被改变了。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)