Verwendung logischer Operatoren in querySelector CSS

Question

Ich versuche, alle Tabellenzellen auszuwählen, bei denen colSpan oder rowSpan größer als 1 ist. Ich weiß, dass Sie querySelectorAll('td[colspan="3"]') ausführen können, um Zellen auszuwählen, die engere Kriterien erfüllen. Aber ich brauche so etwas wie querySelectorAll('td[colspan>"1"]').

P粉529245050 · Answer

不可能将条件运算符放入querySelector 中。在您的情况下，如果您想仅使用 CSS 选择器来实现它，那么您可以忽略特定的 colspan 条件并使用 :not 运算符选择其余的条件。

td[colspan]:not(td[colspan = "1"]) {
   background : red;
 }

table, th, td {
  border: 1px solid black;
}
td[colspan]:not(td[colspan = "1"]) {
background : red;
}


  
    Month
    Savings
  
  
    January
    $100
  
  
    February
    $80
  
  
    Sum: $180