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): ...