美文网首页视觉艺术
快速学习CSS选择器(二)

快速学习CSS选择器(二)

作者: 雨落流年 | 来源:发表于2020-05-08 16:39 被阅读0次

    前言

    今天继续上一篇文章的话题,以下内容简单总结,如有不妥还请告知。上一篇没看的同学可以点击以下链接查看快速学习CSS选择器(一)

    图片来自网络,侵权请联系删除!

    内容

    选择器名称 示例 说明
    ::selection ::selection CSS伪元素应用于文档中被用户高亮的部分(比如使用鼠标或其他选择设备选中的部分)。
    :not(selector) :not(p) 选择不是<p>的元素 。
    :checked input:checked 选择被选中的 <input> 元素。
    :enabled input:enabled 选择被启用的 <input> 元素。
    :target span:target 用于选取当前活动的目标元素。
    :empty p:empty 选取空子节点的<p>元素。
    :root :root 选取该文档的根节点。
    :last-child p:last-child 选择 <p>的最后一个子 元素。
    :nth-last-of-type(n) p:nth-last-of-type(1) 选择 <p> 的倒数第二个子元素。
    nth-of-type(n) p:nth-of-type(1) 选择 <p> 的第一个子元素。
    :nth-last-child(n) p:nth-last-child(2) 选择 <p> 的倒数第二个子元素。
    :nth-child(n) p:nth-child(1) 选择 <p> 的第一个子元素。
    :nth-last-child(n) p:nth-last-child(2) 选择 <p> 的倒数第二个子元素。
    :only-child p:only-child 选择器匹配属于其父元素的唯一子元素的每个元素。

    总结
    每天巩固一点点,知识就会充实一点点!

    (本文适合初学者,如果你是大佬级别的人物,我也欢迎指教!)
    (如果本文对你有帮助,不妨点个赞再走,或许你也可以加我的微信s2550930656,我随时恭候你的到来!)

    相关文章

      网友评论

        本文标题:快速学习CSS选择器(二)

        本文链接:https://www.haomeiwen.com/subject/zcwfnhtx.html