在if和ID具有特定类之前更改css：
在if和ID具有特定类之前更改css：
提问于 2017-08-14 16:05:32
因此，我尝试让Jquery将特定的css更改为:之前，如果div有spefic类
<ul>
<li id="first" class="active">first</li>
<li id="second">second</Li>
</ul>如果第一个li是活动的，我希望Ul的: the具有特定的left和right属性，但如果第二个li是活动的，它将具有不同的left和right属性。我使用Jquery添加类，我尝试这样做
if ( $( "#first" ).is( "active" )) {
$('ul[data-style-id='slider1']:before').append('<style>.left:175px;right:1188px;}</style>');
}编辑:我有一个jquery代码，它提供了left和right属性，但它只适用于第一个，所以我尝试做一个不同的脚本，只更改第一个，因为那个dident工作。我试图给它属性，如答案，但与每个LI的特定属性，但再次它没有工作…它只读取第一个
https://jsfiddle.net/czf9kjfd/7/
在这里它工作得很好，但在我的浏览器中它不工作，所以我的问题是，如果选择了第一个链接，我如何定义特定的左和右参数
回答 2
Stack Overflow用户
发布于 2017-08-14 16:16:38
使用这个
if( $('ul li').hasClass('active') ) {
$('head').append('<style>ul:before{left:175px !important;right:1188px !important;}</style>');
}在悬停状态下添加活动类
$("ul li").hover(function () {
$(this).addClass("active");
},function(){
$(this).removeClass("active");
});Stack Overflow用户
发布于 2017-08-14 16:39:53
我认为你根本不需要jQuery，它可以通过简单的CSS来完成：
HTML
<ul>
<li id="first" class="line-item active">first</li>
<li id="second" class="line-item">second</Li>
</ul>CSS
.line-item { /* Styles */ }
.line-item::before { /* Styles */ }
.line-item.active { /* Styles */ }
.line-item.active::before {
left: 175px !important;
right: 1188px !important;
}.line-item类只是一个常量引用。
希望它能帮上忙！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45670012
复制相关文章
相似问题
腾讯云开发者
