Bootstrap 4 如何仅为一个元素更改popover的CSS？

如何设计特定的引导弹出框

我正在使用TwitterBootstrapV4.0，可以通过CSS成功地为所有弹出窗口创建样式。但是，我无法找到一种方法来设置特定按钮的样式，也无法通过JS动态更改样式

我希望根据不同的条件更改popover/工具提示的字体大小。最重要的是动态更改字体大小（我可以接受全局更改，尽管只更改某些按钮的弹出框比较理想）

示例：这失败了。。。 警报（$（'.popover body'）.css（'font-size'））

它只返回“undefined”，即使CSS是：

.popover-body {
    font-size: 10px !important;
    }

---

并且弹出框会相应地响应此字体大小。

CSS是分层的；你需要沿着链条往上走。假设您有两个poover，

#一个

和

#两个

，您可以将

#一个.poover body

作为目标，专门针对带有CSS的第一个poover body

警报（$（'.popover body'）.css（'font-size'））

失败，因为

$（'.popover body'）

返回元素集合。例如，您需要使用

$（'.popover-body'）[0].css（'font-size'）

对它们进行循环（类似），或者通过索引将它们单独作为目标。

$（'.popover-header'）[0]返回unfinedjson。stringify（$（'.pover-header'））返回{“length”：0，“prevObject”：{“0”：{“location”：{“href”：““antestororigins”：“{}”，origin“文件：//”，“协议”：“文件：”，“主机：”，“主机名：”，“端口：”，“路径名：”，“搜索：”，“哈希：”，“}，”，“上下文：{“位置：{”href:“，“AncestorOriginates:{}，”，“源：”，“文件：“，“主机：”，“主机：”，“端口：“，“路径名：”，“搜索：”，“哈希：}，”，“长度：”，“上下文：{“位置：{”href:“，“AncestorOriginates:{}，”，“源：”，文件：//“，”协议“：”文件“，”主机“：”主机名“，”端口“，”路径名“，”搜索“，”散列“：”}}，，”选择器“：”.popover头“}”