CSS背景顏色不顯示

Question

我有幾個箱子（超過100個），它們會動態創建

<div id="window5"></div>
<div id="window18"></div>
<div id="window190"></div>

根據數據庫條件，不同的框中將存在一些默認的不同顏色。 現在，如果我單擊一個框，則顏色應該是灰色，然后如果我單擊另一個框，則顏色應該更改為紅色（第一個框的顏色應該變為正常色）。只有在以下情況下我才能獲得灰色（onclick）我的默認顏色不存在。 如果存在某些顏色，則將灰色隱藏在原始默認顏色下。 是否有任何CSS屬性可以解決此問題。

我的css文件：

.selected{
    background-color: red;
}

使用JavasScript代碼作為;

    $(document).ready(function () {
        $("div[id *= 'window']").live('click', function (e) {

           $(".selected").removeClass("selected");
            $(this).addClass("selected");
            e.stopPropagation();
        });
        $(document).click(function () {
            $(".selected").removeClass("selected");
        });
    });       

</script>

Answer 1

div沒有大小，因此沒有背景可顯示。

如果您在div中放入顯示文字，或者給它指定寬度和高度，它將顯示您的背景

Answer 2

如果您已經在樣式表中指定了背景顏色，則該顏色可能優先。 為了克服這個問題，您可以使用內聯樣式或！important指令。

background-color:red!important;