zoukankan      html  css  js  c++  java
  • H5 17-兄弟选择器

    17-兄弟选择器

    我是标题

    我是超链接

    我是段落

    我是段落

    我是超链接

    我是段落

    我是标题

    我是段落

    我是段落

    我是段落

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>17-兄弟选择器</title>
        <style>
            /*
            h1+p{
                color: red;
            }
            */
            h1~p{
                color: green;
            }
        </style>
    </head>
    <body>
    <!--
    1.相邻兄弟选择器 CSS2
    作用: 给指定选择器后面紧跟的那个选择器选中的标签设置属性
    
    格式:
    选择器1+选择器2{
        属性:值;
    }
    
    注意点:
    1.相邻兄弟选择器必须通过+连接
    2.相邻兄弟选择器只能选中紧跟其后的那个标签, 不能选中被隔开的标签
    
    2.通用兄弟选择器 CSS3
    作用: 给指定选择器后面的所有选择器选中的所有标签设置属性
    
    格式:
    选择器1~选择器2{
        属性:值;
    }
    
    注意点:
    1.通用兄弟选择器必须用~连接
    2.通用兄弟选择器选中的是指定选择器后面某个选择器选中的所有标签, 无论有没有被隔开都可以选中
    -->
    
    <!--
    <h1>我是标题</h1>
    <a href="#">我是超链接</a>
    <p>我是段落</p>
    <p>我是段落</p>
    <p>我是段落</p>
    <h1>我是标题</h1>
    <p>我是段落</p>
    <p>我是段落</p>
    <p>我是段落</p>
    -->
    <h1>我是标题</h1>
    <a href="#">我是超链接</a>
    <p>我是段落</p>
    <p>我是段落</p>
    <a href="#">我是超链接</a>
    <p>我是段落</p>
    
    <h1>我是标题</h1>
    <p>我是段落</p>
    <p>我是段落</p>
    <p>我是段落</p>
    </body>
    </html>
  • 相关阅读:
    再见2011,展望2012!
    软件测试经验分享
    常用window命令
    测试报告编写
    酒桌上的计算机网络
    OA压力测试案例
    FileSystemObject和Folders使用详细介绍
    关于盘点的问题汇总
    PB 图表数据窗口操作
    sqlserver2005中行转列的方法
  • 原文地址:https://www.cnblogs.com/ljcgood66/p/6440381.html
Copyright © 2011-2022 走看看