详解::target 2

核心是:找到并且匹配然后显示效果
怎么找?
通过id
这样说好像太裸铜了把。

  • "#p1">李文1
  • 记住:#代表要找的为id,p1代表要找到是什么,知道把,记住。是往下找的哈,记住#代表id哈
    找到了之后怎么匹配?
    找到了id为p1的之后,就要看看有没有.chapter的了,有就能显现效果了
    为什么就能直接显现效果了呢?
    因为:target代表动的时候就触发了哈

    .chapter:target
    

    怎么显示效果?

      border: 1px solid red;color: blue;
    
    
    "en">
    "UTF-8">Document
    
    核心根据#代表找id为什么

    陈业贵

    陈业贵

    "p1" class="chapter">李文1

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    "p2" class="chapter">李文2

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    "p3" class="chapter">李文3

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    "p4" class="chapter">李文4

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    "p5" class="chapter">李文5

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................

    ......................


    本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

    相关文章

    立即
    投稿

    微信公众账号

    微信扫一扫加关注

    返回
    顶部