zoukankan      html  css  js  c++  java
  • CSS3---2.兄弟选择器(准确来说叫弟弟选择器,只能向下选)

    兄弟伪类:
    	+:获取当前元素的相邻的满足条件的元素
    	~:获取当前元素的满足条件的兄弟元素
    下面这句样式说明查找 :添加了.first样式的标签的相邻的li元素
    		1.相邻
    		2.必须是指定类型的元素*/
    		.first + li{
    			color: blue;
    		}
    下面样式查找添加了.first样式的元素的所有兄弟li元素
    		1.必须是指定类型的元素*/
    		.first ~ li{
    			color: pink;
    		}
    
    <style>
    		.first{
    			color: red;
    		}
    		/*兄弟伪类:
    		+:获取当前元素的相邻的满足条件的元素
    		~:获取当前元素的满足条件的兄弟元素*/
    
    		/*下面这句样式说明查找 :添加了.first样式的标签的相邻的li元素
    		1.相邻
    		2.必须是指定类型的元素*/
    		.first + li{
    			color: blue;
    		}
    
    		/*下面样式查找添加了.first样式的元素的所有兄弟li元素
    		1.必须是指定类型的元素*/
    		.first ~ li{
    			color: pink;
    		}
        </style>
    </head>
    <body>
    <ul>
    	<li class="first">前端与移动开发</li>
    	<span>能不能变成蓝色</span>
    	<li>java</li>
    	<li>javascript</li>
    	<li>c++</li>
    	<li>平面设计</li>
    </ul>
    </body>
    

    下面是页面渲染效果:

  • 相关阅读:
    linux-kernel-module
    Linux-find
    ffmpeg02
    Redhat 7使用CentOS 7的Yum网络源
    Redhat7配置yum源(本地源和网络源)
    8、源码安装
    6.存储结构与磁盘划分
    5.用户身份与文件权限
    4.Vim编辑器与Shell命令脚本
    3.管道符、重定向与环境变量
  • 原文地址:https://www.cnblogs.com/Tobenew/p/10520850.html
Copyright © 2011-2022 走看看