笔记CSS选择器伪类选择器的相关内容

文章 2022-10-09 来自：开发者社区

笔记｜使用CSS选择器（其他伪类选择器）

1.使用否定选择器否定选择器可以对任意选择器取反。<style type="text/css"> a:not([href*="apress"]) { border: thin black solid; padding: 4px; } </style>⚠️这个选择器匹配子元素没有包含apress字符串的href元素的所有元素。2.使用:empty 选择器:empty 选择器....

文章 2022-10-09 来自：开发者社区

笔记｜使用CSS选择器（使用动态伪类选择器）

根据条件的改变匹配元素，相对于文档的固定状态。1.使用:link 和 :visited 选择器:link 选择器匹配超链接。:visited选择器匹配用户已访问的超级链接。对于用户访问过的链接，可在浏览器中设置保留已访问状态的时间。当用户清楚浏览器历史记录，或历史记录超时，链接会返回未访问状态。<style type="text/css"> :link { border: thin ....

文章 2022-10-09 来自：开发者社区

笔记｜使用CSS选择器（使用U I伪类选择器）

使用UI伪类选择器可以根据元素的状态匹配元素。1.选择启用或禁用元素有些元素有启用或者禁用状态，一般用来收集用户输入。:enabled和:disabled选择器不会匹配没有禁用状态的元素<style type="text/css"> :enabled { border: thin black solid; padding: 4px; } </style> ...

文章 2022-10-09 来自：开发者社区

笔记｜使用CSS选择器（使用结构性伪类选择器）

1、使用结构性伪类选择器使用结构性伪类选择器能够根据元素在文档中的位置选择元素。前缀为（：）1.1、使用根元素选择器:root选择器：匹配文档中的根元素。用得最少，总是返回html元素。<style type="text/css"> :root { border: thin black solid; padding: 4px; } </style> 边框包着整个文档。1.....