CSSセレクタを使用して内部Web要素を除外する方法は？

Question

私はこのCSSセレクタを持っている：

これらすべての要素は、テーブルの列で、各列の内容：それは、次のスクリーンショットに表示されている要素のリストを返す

$("td.cv-table-panel-element") 

異なります。そのリストの最初の要素はチェックボックスが含まれています

私は、最初のリストからその要素を除外したいです。

このチェックボックスの要素は一貫しておらず、必ずしも表示されないため、最初の要素を無視するだけでは機能しませんのでご注意ください。したがって、その内部クラスの1つによって特に除外される必要があります。

$("td.cv-table-panel-element:not(.cv-checkbox)") 

任意の提案：

ノー運と、次の試してみましたか？

td.cv-table-panel-element:not([align="center"]) 

このセレクタは:not functional notationとattribute selector使用しています：

Answer 1

はここで、純粋なCSSの選択肢となっています。

ここでは例です：

/* td elements are red */ 
 
.cv-table-panel-element { background-color: red;} 
 

 
/* td elements that DO NOT have the align="center" attribute are blue */ 
 
.cv-table-panel-element:not([align="center"]) { background-color: aqua; } 
 

 
td { height: 100px; width: 100px; }

<table> 
 
    <tr> 
 
    <td class="cv-table-panel-element"></td> 
 
    <td class="cv-table-panel-element"></td> 
 
    <td class="cv-table-panel-element" align="center"></td> 
 
    <td class="cv-table-panel-element"></td> 
 
    <td class="cv-table-panel-element" align="center"></td> 
 
    </tr> 
 
</table>