stylus设置兄弟元素样式:

鼠标浮动在 .video-li 元素上时,.video-li 兄弟中 .video-info 下的 .word 显示。

.video-li

&:hover

~ .video-info

.word

visibility visible

设置 h1 兄弟元素中,class 为 p1 的元素样式:

h1 ~ .p1 {margin-top:50px;}

This is a heading.

This is paragraph.

This is paragraph.

This is paragraph.

This is paragraph.

This is paragraph.

04.CSS选择器-->相邻、通用兄弟选择器

前端基础-CSS的各种选择器的特点以及CSS的三大特性

一. 基本选择器 二. 后代选择器.子元素选择器 三. 兄弟选择器 四. 交集选择器与并集选择器 五. 序列选择器 六. 属性选择器 七. 伪类选择器 八. 伪元素选择器 九. CSS三大特性 一. ...

CSS的六大选择器

选择器:选择器是一种模式,用于选择需要添加样式的元素. 首先简述六大选择器 基本选择器 标签选择器 类选择器 ID选择器 高级选择器 层次选择器 结构伪类选择器 属性选择器 其中基本选择器与层次选择器 ...

CSS中的选择器(笔记)

1.通配符选择器(*):通配符选择器是用来选择所有元素,也可以选择某个元素下的所有元素.所有浏览器都支持通配符选择器. ;;} .dome *{padding: 2px;} 2.元素选择器(Ele

html5通用兄第选择器,css 通用兄弟选择器( ~ )相关推荐

  1. [css] 相邻兄弟选择器、后代选择器和子选择器三者有什么区别?

    [css] 相邻兄弟选择器.后代选择器和子选择器三者有什么区别? 后代选择器与子选择的关系:后代选择器>子选择器. 后代选择器:包括父元素的子元素以及孙子元素(代表符号:空格)子选择器:包括父元 ...

  2. HTML CSS之复合选择器中的交集选择器、并集选择器、后代选择器、子元素选择器、相邻兄弟选择器、属性选择器

    复合选择器是通过基本选择器进行组合后构成的,常用的复合选择器有:交集选择器.并集选择器.后代选择器.子元素选择器.相邻兄弟选择器和属性选择器等. 交集选择器 交集选择器由两个选择器直接构成,其中第一个 ...

  3. CSS之毗邻选择器与普通兄弟选择器的区别

    CSS之毗邻选择器与普通兄弟选择器的区别 在一些教程网站上只看到兄弟选择器的说法,也就是加号(+),但是偶然听说了毗邻兄弟选择器的说法 所以特意实验一下,找一下区别. 从字面意思来看:毗邻兄弟选择器即 ...

  4. html如何追加兄弟元素,CSS 相邻兄弟选择器

    CSS 相邻兄弟选择器 相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素. 选择相邻兄弟 如果需要选择紧接在另一个元素后的元素,而且 ...

  5. css常用选择器:相邻兄弟选择器(+)、子选择器(>)、兄弟选择器(~)、属性选择器等用法

    前言:我们在码代码的时候,经常会遇到需要给第一个或者最后一个元素添加或删除样式,还有一些比较特殊的是选取第几个元素添加或删除样式,下面记录css选择器中常见的选择器:相邻兄弟选择器(+).子选择器(& ...

  6. HTML相玲选择器,CSS 相邻元素选择器

    相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素. 选择相邻兄弟 如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以 ...

  7. html相邻兄弟选择器,CSS CSS 相邻兄弟选择器 - 闪电教程JSRUN

    相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素. 选择相邻兄弟 如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以 ...

  8. html的css样式中表示后代选择器,css样式,后代选择器

    css介绍 CSS(层叠样式表)定义如何显示HTML元素,给HTML设置样式,让它更加美观. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). css语法(下图所示) 每个CS ...

  9. CSS3中的群组选择器,后代选择器[空格]子元素选择器 >相邻兄弟选择器+兄弟选择器~

    群组选择器(',') /* 表示既h1,又h2 */ h1, h2 {color: red; } 后代选择器[空格] /* 表示 h1 下面的所有 span 元素,不管是否以 h1 为直接父元素 */ ...

最新文章

  1. pandas为dataframe所有的列名称名添加前缀(add_prefix)
  2. CSS实现文本超过指定长度显示省略号
  3. *迭代 分支回收、创建偷懒脚本
  4. python输入一组身高_一起学Python系列之用户输入
  5. python基础入门:bytes 和 string转换的方法
  6. tf.reshape的-1的错误理解
  7. 动态规划解题思路与总结(三万字)
  8. Project: Individual Project - Word frequency program----11061192zmx
  9. Windows下在xampp中配置DVWA
  10. linux脚本多个条件比较大小,shell脚本-比较两个整数大小
  11. 关于使用layer弹出框展现echarts不显示的问题
  12. 《学习之道》第六章补充
  13. 【SQL注入-01】SQL语句基础及SQL注入漏洞原理及分类
  14. Perl脚本使用小总结
  15. 项目中better-scroll的常用配置、插件介绍
  16. TOP 5大数据工具,掌握1个你就是专家
  17. Visio绘制论文文献技术路线图流程图
  18. 基于MT7688模块的开发笔记12——给MT7688开发板添加WiFi功能
  19. 【报错记录】阿里云OSS搭建图床 访问报错
  20. python实现实现快速输入无法粘贴的内容

热门文章

  1. 快速粘贴与自动填表软件V1.0 注册版
  2. matlab如何解麦克斯韦方程,麦克斯韦方程组-Read.PPT
  3. 使用Xshell连接Ubuntu 20.4系统时提示
  4. 状态寄存器传送指令 —— 访问(读写)CPSR寄存器
  5. 网上的名字测试打分软件准吗,王浩骅:不建议用网络软件测算名字
  6. 电脑网页打开巨慢但是网络正常
  7. codeforces EDU segment tree
  8. 数据库逻辑设计之 三大范式 及 反范式化 优缺点
  9. 数据类型与数据结构 文件读写及绘图
  10. 基础2-用卷积神经网络进行颅内和头皮脑电图数据分析的广义癫痫预测