範圍不起作用在引導按鈕

我有一個引導按鈕，我希望有一個數字的泡泡，就像在iPhone上的應用程序圖標上出現的通知一樣。範圍不起作用在引導按鈕

我標記的按鈕：

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

而且CSS的跨度：

.btn.span { 
    position: absolute; 

    background-color: #f56c7e; 

    border: 1px solid #ce4f5e; 
    padding: 2px 5px 1px; 
    margin-left: -2px; 
    margin-top: -16px; 

    border-radius: 100px; 

    color: #fff; 
    text-shadow: 0px 1px 0px rgba(0,0,0,0.2); 
    font-size: 11px; 

    -webkit-box-shadow: inset 0px 1px 2px rgba(255,255,255,0.4); 
    -moz-box-shadow: inset 0px 1px 2px rgba(255,255,255,0.4); 
    -o-box-shadow:  inset 0px 1px 2px rgba(255,255,255,0.4); 
    box-shadow:   inset 0px 1px 2px rgba(255,255,255,0.4); 
} 
.btn.span.red { 
    background-color: #f56c7e; 
    border-color: #ce4f5e; 
}

但它似乎並沒有工作。

任何意見將不勝感激。

乾杯

來源

2013-05-10 user1038814

這裏不是問題，但如果你想要定位類'notification'，你需要在你的類屬性'class =「通知中刪除逗號，紅色''應該是'class =」通知紅色「 – scrappedcola 2013-05-10 22:10:30

的問題是與你的CSS聲明：

.btn.span

（將適用風格與 'BTN' 類和所有元素'span'級）。

<div class="btn span" />

你要這個：

.btn span

（這將樣式的所有span S中的與「BTN」類元素的後代。）

來源

2013-05-10 22:07:09

使用以下代替

.btn span

來源

2013-05-10 22:04:21 wintercounter

是，.btn跨度的CSS正確的語法因爲span是一個HTML標記。使用span之前的時間段表明它是一個css類，事實並非如此。

來源

2013-05-10 22:11:22 warren

範圍不起作用在引導按鈕

回答

相關問題