简介

:out-of-range 选择器是 CSS 中一个相对较新的选择器，它允许您选择超出指定范围的元素。换句话说，它允许您选择不满足特定条件的元素。

语法

:out-of-range 选择器的语法如下：

----------------------- ------ ----

其中：

• selector 是要被筛选的元素选择器。
• start 和 end 是范围的开始和结束值。

用法

:out-of-range 选择器可以用于各种情况，例如：

• 选择不属于特定范围的元素
• 选择大于或小于特定值范围的元素
• 选择不包含特定值的元素

示例

以下是一些 :out-of-range 选择器的示例：

• 选择所有不属于 ul 元素的 li 元素：

----------------- --- ---

• 选择所有高度大于 100px 的元素：

------------------ ------ -------

• 选择所有不包含 "foo" 类的元素：

------------------ ----

浏览器支持

:out-of-range 选择器在以下浏览器中得到支持：

• Chrome 88+
• Firefox 86+
• Safari 14+
• Edge 88+

注意事项

使用 :out-of-range 选择器时，需要注意以下几点：

• 范围的开始和结束值必须是数字。
• 范围的开始值必须小于结束值。
• 如果范围的开始值或结束值不是数字，则选择器将无效。

替代方案

在不支持 :out-of-range 选择器的浏览器中，可以使用以下替代方案：

• 使用 :not() 选择器：

--------------

• 使用 JavaScript：

----- -------- - ---------------------------------
------------------------ -- -
  -- --------------------- - ---- -
    -- -- ---------
  -
---