在CSS屬性選擇器中分組

Question

這些是等效的嗎？

selector[attr1="val1"] [attr2="val2"] {
  property: value;
}

選擇一個具有名為[attr1]的屬性，其確切值為“ val1”的{selector}，並選擇具有一個名為[attr2]的屬性，其確切值為“ val2”的{selector}。 由於邏輯運算符為“ AND”，因此任何一種條件錯誤都會使選擇器失敗。

selector[attr1="val1"], selector[attr2="val2"] {
 property: value;
}

這個使用分組。 我可以假設后者與前者相同嗎？

Answer 1

不，逗號更像是OR，它將選擇具有屬性1或屬性2或同時具有兩者的目標