zoukankan html css js c++ java

HTML&CSS基础-兄弟元素选择器

　　　　　　　　　　　　HTML&CSS基础-兄弟元素选择器

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　作者：尹正杰

一.html源代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>兄弟元素选择器</title>
        
        <style type="text/css">
            /**
             * 兄弟元素选择器:
             *     后一个兄弟元素选择器:    
             *         作用:
             *             可以选中一个元素后紧挨着的指定的兄弟元素            
             *         语法:
             *             前一个 + 后一个元素类型
             * 
             *     前一个兄弟元素选择器:
             *         作用:
             *             可以选中所有兄弟元素
             *         原发:
             *             前一个 ~后边所有元素类型
             */
            
            /** 
             *     案例一:
             *         为span后的第一个元素设置一个背景颜色为黄色
             */
            span + p{
                background-color: yellow;
            }
            
            /**
             *     案例二:
             *         为a标签后面的所有p标签设置颜色为红色
             */
            a ~p{
                background: red;
            }
            
        </style>
    </head>
    <body>
        <p>我是一个p标签</p>
        <p>我是一个p标签</p>
        <span>我是一个span标签</span>
        <div>我是div</div>
        <p>我是一个p标签</p>
        <p>我是一个p标签</p>
        <p>我是一个p标签</p>
        <span>我是一个span标签</span>
        <p>我是一个p标签</p>
        <a href="https://www.cnblogs.com/yinzhengjie/">我的博客地址</a>
        <p>我是一个p标签</p>
        <p>我是一个p标签</p>
        <p>我是一个p标签</p>
        <p>我是一个p标签</p>
    </body>
</html>

二.浏览器打开以上代码渲染结果

查看全文

相关阅读:
np.clip()的用法
 np.random.RandomState(123)
torch.utils.data.DataLoader用法及各参数含义
 source 1.7 中不支持 lambda 表达式(请使用 -source 8 或更高版本以启用 lambda 表达式)
tensorflow note
tensorflow-gpu install check
python3 yum not found
Python打包成exe，pyc
windows定时执行python脚本
 docker guide

原文地址：https://www.cnblogs.com/yinzhengjie/p/6269085.html