Html span在引导按钮上不工作

我有一个引导按钮，我想在上面有一个带有数字的气泡，很像iphone中出现在应用程序图标上的通知

我对按钮的评分是：

<button class="btn btn-warning view-sl-btn" type="button"><span class="notification, red">6</span>View Shortlist</button>

但它似乎不起作用

任何建议都将不胜感激

---

干杯

请使用以下内容

.btn span

---

请使用以下命令

.btn span

---

问题在于您的CSS声明：

.btn.span

（将样式应用于具有“btn”类和“span”类的所有元素。）

---

（这将设置所有

span

s的样式，它们是具有“btn”类的元素的后代。）

问题在于CSS声明：

.btn.span

（将样式应用于具有“btn”类和“span”类的所有元素。）

---

（这将为具有“btn”类的元素的后代的所有

span

s设置样式。）

是的，.btn span是css的正确语法，因为span是一个HTML标记。span之前的句点表示它是一个css类，而不是。

是的，.btn span是css的正确语法，因为span是一个HTML标记。如果在span之前使用句点，则表明它是一个css类，而事实并非如此。

这不是问题所在，但如果您想针对类

通知

，则需要删除类属性

class=“notification，red”

中的逗号

class=“notification red”

这不是问题所在，但是如果您想要以类

通知为目标

则需要删除类属性中的逗号

class=“notification，red”

应该是

class=“notification red”

.btn span