javascript - 如何在 javascript 中更改段落中不同行的 css 样式

Question

所以我的这段代码定义了一个名为 circles 的变量，并为其附加了一个标题。标题有四行，第一是国家，第二是价格，第三是值(value)，第四是gdppc。现在我想让 gdppc 的字体比前面的 3 个变量大。这将需要我将 gdppc 的样式与其他样式分开(目前它们都由这个名为 tipsy 的 css 设计)。但是，我不知道我该怎么做。

circles.append("title")
        .text(function(d) { return d.country + "<br/> " + "Price=" + d.trust 
        + ", Value=" + d.business + "<br/> " + d.gdppc; }); 

$(".circles").tipsy({ gravity:'nw', html: true,});

这个想法可能是让 gdppc 成为一个单独的变量，并单独设置样式。这在编码中是如何实现的？

我试过了

var ratings = function(d) {return d.gdppc};
circles.append("title")
            .text(function(d,ratings) { return d.country + "<br/> " + "Price=" + d.trust 
            + ", Value=" + d.business + "<br/> " + ratings; }); 
$(".circles").tipsy({ gravity:'nw', html: true,});
$(".ratings).myownstyle({});

而且它不起作用，可能是因为我是一个业余爱好者，对 JavaScript 一无所知。

Answer 1

只是包装它:

circles.append("title")
    .text(function(d) { 
        return d.country + "<br/> " + "Price=" + d.trust 
          + ", Value=" + d.business + "<br/> <strong>" + d.gdppc + "</strong>; 
    }); 

CSS

strong {
    font-size: 1.25em;
}

注意:

你可以在这里使用任何标签，<span> , <em>和/或您可以使用类将样式挂接到它们，而不仅仅是向元素添加 css 规则。