Utilisation d'opérateurs logiques dans querySelector CSS

Question

J'essaie de sélectionner colSpan 或 rowSpan 大于 1 的所有表格单元格。我知道您可以执行 querySelectorAll('td[colspan="3"]') pour sélectionner les cellules qui répondent à une condition plus étroite. < /p>

Mais j'ai besoin de quelque chose comme querySelectorAll('td[colspan>"1"]').

Answer 1

Il n'est pas possible de mettre un opérateur conditionnel dans l'opérateur querySelector 中。在您的情况下，如果您想仅使用 CSS 选择器来实现它，那么您可以忽略特定的 colspan 条件并使用 :not pour sélectionner le reste des conditions.

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