使用 CSS 的 :valid 选择器来为所有具有有效值的元素设置样式。示例您可以尝试运行以下代码来实现 :valid 选择器在线演示                    input:valid {             background: red;             color: white;          }                    标题             如果您输入相关的/有效的电子邮件地址，则样式（红色背景）会出现。    

要使用 CSS 为活动 HTML 锚点设置样式，请使用 :target 选择器。示例您可以尝试运行以下代码来实现 :target 选择器：在线演示                    :target {             border: 2px solid #D4D4D4;             background-color: orange;             color: white;          }                    单击下面的任何主题。      数学      Java      C++      C      这是演示文本。      这是演示文本。      这是演示文本。      这是演示文本。      这是演示文本。      数学教程      Java 教程      C++ 教程      C 教程    

要为除指定元素之外的所有元素设置样式，请使用 CSS :not(selector) 选择器。示例您可以尝试运行以下代码来实现 :not 选择器：在线演示                    p {             color: red;          }          :not(p) {             color: blue;          }                    标题 1      标题 2      标题 3      这是一段文字。      这是另一段文字。    

使用 CSS :target 选择器为活动 HTML 锚点设置样式。示例您可以尝试运行以下代码来实现 :target 选择器在线演示                    :target {             border: 2px solid #D4D4D4;             background-color: orange;             color: white;          }                    单击下面的任何主题。      数学      Java      C++      C      这是演示文本。      这是演示文本。      这是演示文本。      这是演示文本。      这是演示文本。      数学教程      Java 教程      C++ 教程      C 教程    

要为文档的根元素设置样式，请使用 CSS:root 选择器。示例您可以尝试运行以下代码来实现:root 选择器在线演示                    :root {             background: blue;             color: white;          }                    标题      这是演示文本。    

使用 CSS :required 选择器为具有“required”属性的元素设置样式。示例您可以尝试运行以下代码来实现 :required 选择器在线演示                    input:required {             background-color: orange;          }                              科目：          学生：          

position: sticky; 属性允许您根据滚动位置定位元素。当用户向下滚动时，将元素设置为顶部粘性。示例您可以尝试运行以下代码来实现 CSS position: sticky;在线演示                    div.sticky {             position: -webkit-sticky;             position: sticky;             top: 0;             padding: 10px;             background-color: orange;             border: 1px solid blue;          }                    滚动查看效果！      粘性！                这是演示文本。          向下滚动以查看粘性 div。          

使用 CSS :required 选择器为具有“required”属性的 <input> 元素设置样式。您可以尝试运行以下代码来实现 :required 选择器：示例在线演示                    input:required {             background-color: orange;          }                              科目：          学生：          

使用 CSS:read-write 选择器选择没有“readonly”属性的元素。示例您可以尝试运行以下代码来实现:read-write 选择器在线演示                    input:read-write {             background-color: blue;             color: white;          }                              科目：          学生：          

使用 CSS :read-write 选择器选择既可“读取”又可“写入”的元素。示例您可以尝试运行以下代码来实现 :read-write 选择器：在线演示                    input:read-write {             background-color: blue;             color: white;          }                              科目：          学生：