Question

所以我有这个代码定义了一个名为circles的变量，并附加了一个标题。标题有四行，第一行是国家，第二行是价格，第三行是值，第四行是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规则。

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

1 个答案: