css - css 表获取错误的属性

Question

我已经建立了一个表格，它的行是这样的

<tr id="graphid+'" class="graphRow">
                <td colspan="2" style="width:5%; max-width:5%;">
                    <div class="stockData">
                        <div class="stockDatatable">
                            <table class="stocktable">
                                <tr><td id="stockDBnameid+'"></td></tr>
                                <tr><td class="Desctitle">תחום עיסוק:</td></tr>
                                <tr><td id="stockDBfieldid+'" class="stocktable"></td></tr>
                                <tr><td id="stockDBurlid+'" class="stocktable">כתובת אתר החברה</td></tr>
                                <tr><td class="Desctitle">ערך החברה:</td></tr>
                                <tr><td id="stockDBvalueid+'" class="stocktable">ערך החברה</td></tr>
                                <tr><td id="stockDBdescid+'" class="stocktable">תיאור המנייה</td></tr>
                            </table>
                        </div>
                    </div>
                </td>
                <td colspan="8">
                    <table>
                        <tr>
                            <td>
                                <div id="graphDivid+'" class="GraphDiv"></div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>

如您所见，该行有两个列。我说的是第二个：它是从 div->div->table->rows 编译的。行从 theclass = "graphRow"而不是从class ="stockTable". css是这样的：

tr.graphRow td {background:lightgray;}
tr.stocktable td {background:blue;}

为什么不工作？

谢谢。

Answer 1

根据您的声明tr.stocktable td{background:blue;}，stocktable 仅适用于 tr。但是您已将 stocktable 用于<table>( <table class="stocktable">)。

声明 stocktable 像 -

.stocktable{background:blue;}

或者

table.stocktable {background:blue;}