zoukankan      html  css  js  c++  java
  • 子代选择器

    子代选择器
    写法:选择器>选择器{属性:值}
    特点:选择的时直接下一代元素

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6     <style type="text/css">
     7         div>span{
     8             font-size: 40px;
     9             color: pink;
    10         }
    11         p>span{
    12             color: #388881;
    13             font-size: 70px;
    14         }
    15         
    16     </style>
    17 </head>
    18 <body>
    19     <div>
    20         <p><span>项目</span></p>
    21         <span>选择</span>
    22 
    23     </div>
    24 </body>
    25 </html>
    1 div>span{
    2             font-size: 40px;
    3             color: pink;
    4         }
    5<div>
    6         <span>选择</span>对应
    1 p>span{
    2             color: #388881;
    3             font-size: 70px;
    4         }
    5<div>
    6     <p><span>项目</span></p>对应
  • 相关阅读:
    基本运算符
    格式化输出
    Python与用户的交互
    数据类型
    变量
    正则表达式
    vuex方法
    vue的webpack打包步骤
    浮动问题
    媒体查询技术
  • 原文地址:https://www.cnblogs.com/twinkle-/p/9059234.html
Copyright © 2011-2022 走看看