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.
  • 相关阅读:
    变形与动画
    验证状态、禁用
    选择列表和可多选的选择列表
    浏览——选择文件
    引用
    <abbr> 元素的样式为显示在文本底部的一条虚线边框,当鼠标悬停在上面时会显示完整的文本(只要您为 <abbr> title 属性添加了文本)
    bootstrap强调类名
    bootstrap列排序
    jsp变量的使用规则
    随机生成30个四则运算算式
  • 原文地址:https://www.cnblogs.com/mawenqi-barry/p/9999528.html
Copyright © 2011-2022 走看看