在querySelector CSS中使用邏輯運算符

Question

我正在嘗試選擇 colSpan 或 rowSpan 大於 1 的所有表格單元格。我知道您可以執行 querySelectorAll('td[colspan="3"]') 來選擇滿足更窄條件的單元格。 < /p>

但我需要像 querySelectorAll('td[colspan>"1"]') 這樣的東西。

Answer 1

不可能將條件運算子放入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
    
0
  
  

    
February
    

  
  

    
Sum: 0