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.
  • 相关阅读:
    DevExpress.XtraScheduler控件的使用方法
    读写Excel文档
    让程序以管理员身份运行
    读写TXT文档
    判断程序是自动启动还是用户启动
    用指针读BMP图像
    判断网络是否连接通
    WSL初体验
    Realsense内参标定
    FreeSwitch权威指南
  • 原文地址:https://www.cnblogs.com/mawenqi-barry/p/9999528.html
Copyright © 2011-2022 走看看