使用 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 选择器来使用 CSS 高亮显示活动的 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;          }                              主题：          学生：