css中“~”和“>”是什么意思？

作者: andy9527 | 来源:发表于2018-11-21 23:12 被阅读0次

css中“~”是:

为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景：

p~ul{

　　background:#ff0000;

}

<ul>

</ul>

p~ul 选择前面有 <p> 元素的每个 <ul> 元素。

定义和用法

　　p~ul选择器 p之后出现的所有ul。

　　两种元素必须拥有相同的父元素，但是 ul不必直接紧随 p。

css中“>”是:

　　css3特有的选择器，A>B 表示选择A元素的所有子B元素。

　　与A B的区别在于，A B选择所有后代元素，而A>B只选择一代。

.a，.b｛逗号指相同的css样式｝；.a .b｛空格指后代元素｝；.a>.b｛大于号指子代元素｝；

css中“~”和“>”是什么意思？
css中“~”是: 为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景： p~ul{ backgro...
VUE中CSS命名规范（参考BEM命名规范）
用了elementUI后，发现css类名中“--”和“__”，不知道是什么意思？于是上网查了一下，它们的出现...
web前端-css小记(1)
1.css全称是什么? css全称：Cascading Style Sheets，意思为层叠样式表 2.CSS有几...
css关键基础点
CSS中 link 和@import 的区别是什么？ a. link属于HTML标签，而@import是CSS提供...
CSS中脱离文档流是什么意思?
CSS中脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定...
web前端面试题@八（css）
一、position有几种取值，分别是什么意思？ css中的position有4种取值，分别是static、fix...
CSS基础
1、CSS全称是什么？ CSS全称是Cascading Style Sheets，意思是层叠样式表，我们如果新建一...
CSS基础
1. CSS的全称是什么? 全称Cascading Style Sheets，意思为层叠样式表。 2. CSS有几...
CSS简介
CSS的全称是什么? css的全称是Cascading Style Sheet,汉语意思是“级联样式表”，通常又称...
CSS基础
1.CSS的全称是什么? CSS的全称是Cascading Style Sheet，汉语意思是「级联样式表」，通常...