zoukankan      html  css  js  c++  java
  • 第三章目标伪类:

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>热爱 - 有机会改变一切</title>
     6     <style>
     7         :target{
     8             border: 2px solid red;
     9             background-color: lightyellow;
    10         }
    11     </style>
    12 </head>
    13 <body>
    14 <a href="#a1">跳a16</a>
    15 <a href="#a2">跳a28</a>
    16     <p>kkkkkkkkkkkk</p>
    17     <p>kkkkkkkkkkkk</p>
    18     <p>kkkkkkkkkkkk</p>
    19     <p>kkkkkkkkkkkk</p>
    20     <p>kkkkkkkkkkkk</p>
    21     <p>kkkkkkkkkkkk</p>
    22     <p>kkkkkkkkkkkk</p>
    23     <p>kkkkkkkkkkkk</p>
    24     <p>kkkkkkkkkkkk</p>
    25     <p>kkkkkkkkkkkk</p>
    26     <p>kkkkkkkkkkkk</p>
    27     <p>kkkkkkkkkkkk</p>
    28     <p>kkkkkkkkkkkk</p>
    29     <p>kkkkkkkkkkkk</p>
    30     <p>kkkkkkkkkkkk</p>
    31     <p>kkkkkkkkkkkk</p>
    32     <p>kkkkkkkkkkkk</p>
    33     <p id="a1">6666666666666666666666</p>
    34     <p>525225</p>
    35     <p>525225</p>
    36     <p>525225</p>
    37     <p>525225</p>
    38     <p>525225</p>
    39     <p>525225</p>
    40     <p>525225</p>
    41     <p>525225</p>
    42     <p>525225</p>
    43     <p>525225</p>
    44     <p>525225</p>
    45     <p>525225</p>
    46     <p>525225</p>
    47     <p>525225</p>
    48     <p>525225</p>
    49     <p>525225</p>
    50     <p>525225</p>
    51     <p>525225</p>
    52     <p>525225</p>
    53     <p>525225</p>
    54     <p>525225</p>
    55     <p>525225</p>
    56     <p>525225</p>
    57     <p>525225</p>
    58     <p>525225</p>
    59     <p>525225</p>
    60     <p>525225</p>
    61     <p>525225</p>
    62     <p>525225</p>
    63     <p>525225</p>
    64     <p>525225</p>
    65     <p>525225</p>
    66     <p>525225</p>
    67     <p id="a2">88888888888888888888888888</p>
    68 </body>
    69 </html>

    否定伪类:

    1 :not(p){
    2             background-color: red;/*除了p的*/
    3         }
    4         .div{
    5             background-color: red;/*<div>的子元素中class不为test的所有其他元素*/
    6         }
    This moment will nap, you will have a dream; but this moment study, you will interpret a dream.
  • 相关阅读:
    win7同时安装python2和python3
    Centos6.8安装python3.6
    Typescript的接口
    ES5中的类相关/Typescript的类相关
    Typescript介绍
    Global Interpreter Lock 全局解释器锁
    Go语言设计模式(五)
    Go语言设计模式(四)
    Go语言反射
    Go语言程序设计(三)
  • 原文地址:https://www.cnblogs.com/mawenqi-barry/p/9999528.html
Copyright © 2011-2022 走看看