跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

使用 CSS 伪类

我们可以使用 css 伪类向 html 中的现有元素添加特定样式,这些伪类选择具有特定状态的元素,例如(悬停、访问、禁用等) 注意 strong> - 为了将 CSS 伪类与伪元素分开,在 CSS3 中,伪类使用单冒号表示法。 语法 以下是在元素上使用 CSS 伪类的语法-
Selector:pseudo-class { css-property: /*value*/; }
以下是所有可用的 CSS 伪类 - Sr.No伪类和描述1活动它选择活动提到的元素立即学习“前端免费学习笔记(深入)”;2已检查它选择每个已检查提到的元素3禁用它选择每个禁用提到的元素td>4空它选择每个提到的元素没有子级5已启用它选择每个启用的提到的元素6first-child它选择作为其父级的第一个子级的每个提到的元素7first-of-type它选择第一个提到的每个元素其父级元素8焦点它选择具有焦点的上述元素9 td>悬停鼠标悬停时选择提到的元素10在范围内它选择指定范围内值的提及元素11无效它选择所有提到的元素均具有无效值12lang(语言)它选择每个提到的元素,其 lang 属性值以“语言”开头13last-child它选择作为其父级的最后一个子级14last-of -type它选择其父元素最后提到的每个元素15链接它选择所有未访问的提及元素16not(selector)它选择所有不是的元素提到的元素17nth-child(n )它选择作为其父级的第 n 个子级的每个提到的元素18nth-last-child(n)它选择作为其父级的第 n 个子级的每个提到的元素,从最后一个孩子开始计算19nth-last -oftype(n)它选择每个提到的元素,即其父元素中第 n 个提到的元素,从最后一个子元素开始计算20nth-of-type(n)它选择每个提到的元素是其父元素中第 n 个提到的元素21only-of-type它选择作为其父元素唯一提及的每个提到的元素22only-child它选择作为唯一子元素的每个提到的元素其父级23可选它选择没有“required”属性的上述元素24 td>超出范围它选择值超出指定范围的提到的元素25只读它使用“readonly”选择提到的元素指定属性26读写它选择没有“readonly”属性的上述元素27required它选择指定了“required”属性的提到元素28root它选择文档的根元素29目标它选择当前提到的活动元素(单击包含该锚点名称的 URL)30有效它选择具有有效值的所有提到的元素31访问过它选择所有访问过的提到的元素tr> 示例 让我们看一个 CSS 伪类的示例 - 现场演示
CSS Anchor Pseudo Classes

Search Engines

Go To Google Go To Bing
输出 这将产生以下输出 - 示例 让我们看一下 CSS 伪类的另一个示例 - 现场演示
CSS Pseudo Classes
CSS-Pseudo-Classes

输出 这将产生以下输出 - 当未将鼠标悬停在 div 元素上时 - 当鼠标悬停在 div 元素上时 -

相关文章