如何修改元素的多个CSS属性？

Question

我必须修改网页元素的多个CSS属性。例如，我想修改links元素，我有这个代码：

        Document doc = Jsoup.connect(url).get();
        Elements links = doc.select("a[href]");

        links.attr("style", "background-color: yellow");
        links.attr("style", "color:green");
        links.attr("style", "font-size: 40px");

我的问题是只有最后一次更改才真正得到处理。在这个例子中，这是字体大小。如果我删除它，颜色变化开始工作，依此类推。

有没有办法只在一种方法中进行所有这些更改？

Answer 1

你只是将一个字符串作为样式值，所以你可以做常规的CSS表示法：

links.attr("style", "background-color: yellow; color:green; font-size: 40px;");

更好的方法可能是简单地切换CSS类，但是：

.myClass {
    background-color: yellow; 
    color: green; 
    font-size: 40px;
}

links.addClass('myClass');