css - 如何修改一个元素的多个 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');