CSS - 完全相同的類，但不同的背景顏色，搞砸了

這是我遇到過的最奇怪的CSS事情。我不能，爲了我的生活，弄清楚。CSS - 完全相同的類，但不同的背景顏色，搞砸了

每個<span>元素獲取一個分配給它的類 - 填充從數據庫中獲取的值。 29的29個按計劃進行 - 但第29個只是混亂了。添加額外的邊距和填充，只是打破了字符。

現場演示：http://tf2g.com/v2/tf2g/wearable?item=demomansfro

參見「紳士商務褲的顏色」。這不是旁邊文本的長度..任何人？

來源

2014-01-28 Mave

你應該做出答案，@Adrift – Johannes

這真是太神奇了。只是爲了澄清@漂泊的點
thecolorofagentlemannsbusines span TS

來源

2014-01-28 22:35:38

我怎麼會錯過你的帖子？我已經看過幾次了，但是......我怎麼錯過實際的答案呢？ – Mave

是，答案是因爲你的CSS規則：

.gallery-container [class*="span"] { 
    margin-left: 10px; 
}

作爲一個方面說明，在CSS中，class用於樣式適用於多元素，而id用於SINGLE元素。

因此，我建議改變你的HTML/CSS喜歡的東西（我更喜歡第一）：

第一： HTML

<li id="thecolorofagentlemannsbusinesspants"> 
    <span class="paint-circle"></span> 
    The Color of a Gentlemann's Business Pants 
</li>

CSS

#thecolorofagentlemannsbusinesspants span { 
    background-color: #whatever; 
}

或

二： HTML

<li> 
    <span id="thecolorofagentlemannsbusinesspants" class="paint-circle"></span> 
    The Color of a Gentlemann's Business Pants 
</li>

CSS

#thecolorofagentlemannsbusinesspants { 
    background-color: #whatever; 
}

來源

2014-01-28 22:55:23

你絕對不需要在這裏分配一個ID，一個班是完全正確的。僅使用ID來提升[CSS特定性]（http://css-tricks.com/specifics-on-css-specificity/），或者如果框架/庫/插件需要它，或者使JavaScript更容易（getElementById具有更高的性能，但這在大多數應用程序/站點的範圍內可以忽略不計）。 –

但爲什麼只有這一個？爲什麼不是其他人？ – Mave

另外，當我禁用所有'[class * =「span」]'規則時，它仍然很突出。 – Mave

我終於想通了。我是個白癡。 Bootstrap搜索span*類，span12 - span1。紳士商務的顏色s pan ts。

太好了。我認爲它會搜索以span開頭的課程，而不是在中間找到它。

來源

2014-01-29 19:54:00 Mave

CSS - 完全相同的類，但不同的背景顏色，搞砸了

回答

相關問題