iOS开发html+css学习之兄弟元素选择器

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*
为span后的一个p元素设置一个背景颜色
后一个兄弟选择器
作用:可以选中一个元素后紧挨着的指定的兄弟元素
语法:前一个+后一个(必须紧挨着)
/
/
span + p {
background-color: yellow;
} */

     /* 
        选中后边的所有兄弟元素
        语法:前一个 ~ 后边所有
      */
     span ~ p {
         background-color: yellow;
     }
    </style>
</head>

<body>
<p>我是一个p标签</p>
<p>我是一个p标签</p>
<p>我是一个p标签</p>
<span>我是第一个span</span>
<div>我是div</div>
<p>我是一个p标签</p>
<p>我是一个p标签</p>
</body>
</html>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • id重温 •1. #占位符,以后跳转到哪里不确定,所以在herf后面加了#,但是如果不加‘herf’,就会没链...
    YU不忘初心阅读 771评论 0 0
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,496评论 0 40
  • 一、CSS选择器常见的有几种? 基本选择器 通配选择器~选择文档中所有的html元素,用一个*表示 元素选择器~选...
    dengpan阅读 1,068评论 0 3
  • 作为前端和后台最基础可靠的神器工具JQuery,你真的对她有足够了解么? 亚非拉地区苦逼的前端er们,有时候不得不...
    扭了个妞阅读 422评论 0 0
  • 渐渐的 天冷了起来 叶黄了起来 可我的心却热了起来 是那一低头的娇羞 还是那唇边不见的一抹温柔 于是 看窗外的萧瑟...
    会嘟嘴的萌妹阅读 232评论 2 2

友情链接更多精彩内容