更改css样式而不影响其他元素

时间:2016-11-24 18:02:17

标签: html css

现在我有df.coalesce(1) .write.format("com.databricks.spark.csv") .option("header", "true") .save("mydata.csv") 元素将按钮颜色改为蓝色...我想要做的事情我认为非常简单但我对css知之甚少。

我想在不删除当前类的情况下再做一个类,我该怎么做?

jsFiddle

代码:

a

CSS:

<div>
<div class='btn btn-success'>
<a href='javascript:Addlog(" + id + ");' role='button'>
<i class='fa fa-pencil-square-o'></i> Complete</a>
</div></div>

我想添加类似的内容:

a, .a {
    color: #003F8F;
}

a:hover, a:focus {
    color: #23527c;
    text-decoration: underline;
}

但是没有删除当前的css而不影响已经存在的代码

1 个答案:

答案 0 :(得分:0)

使用CSS类,然后可以从任意元素中动态添加或删除。

.light {
    color: white;
}

a.light:hover, 
a.light:focus {
    color: white;
    text-decoration: none;
}

JS示例,假设您的链接有class="color-change-button"

document.querySelector('.color-change-button').addEventListener('click', function() {
    this.classList.toggle('light');
});

https://jsfiddle.net/DTcHh/27351/