css代码中的“~”和“”是什么意思

css中“~”是:

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

p~ul{

　　width：100px；

}

<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｛大于号指子代元素｝；

转载于:https://www.cnblogs.com/oldZhangFeng/p/7344959.html

css代码中的“~”和“”是什么意思相关推荐

CSS代码中的属性，盒子模型
CSS中的属性是由属性名以及属性值来构成的. 字体大小:font-size:16px; 设置的是字体的高字体粗细:font-weight:?; ?包括lighter,normal,bold 字体样 ...
【译】一行css代码搞定响应式布局
译文出自:闪电矿工翻译组原文地址: medium.com/free-code-c- 原文作者: Per Harald Borgen 仓库原文链接:issue 译者: hanxiansen 在这篇文章 ...
CSS代码重构与优化之路
写CSS的同学们往往会体会到,随着项目规模的增加,项目中的CSS代码也会越来越多,如果没有及时对CSS代码进行维护,CSS代码不断会越来越多.CSS代码交错复杂,像一张庞大的蜘蛛网分布在网站的各个位置 ...
CSS样式中” 大于号”
CSS样式中" 大于号" 在一段CSS代码中见到一个大于号(>),代码如下: BODY#css-zen-garden > DIV#extraDiv2 { BACKGRO ...
CSS代码重构与优化之路（转）
CSS代码重构与优化之路阅读目录 CSS代码重构的目的 CSS代码重构的基本方法 CSS方法论我自己总结的方法写CSS的同学们往往会体会到,随着项目规模的增加,项目中的CSS代码也会越来越多,如 ...
css样式压缩了怎么还原,CSS代码的压缩方法
原标题:CSS代码的压缩方法在建站的时候,很多网站都对他们的代码进行压缩,今天主要来讲解下CSS代码的压缩,压缩后的CSS代码所占用字节数会减少,要是访问量比较小的网站看不出明显的区别,比较大型的网 ...
博客园定制CSS代码
博客园定制CSS代码步骤禁用模板默认 CSS . CSS 代码框中,填写定制 CSS 代码. 定制的 CSS 代码中,如果缺少 home 项,需要进行添加,home 项范例如下: 其中 width ...
css代码的书写形式
1.1css 层叠样式表或者级联样式表. 1.2 CSS的主要作用它主要用来给HTML网页来设置外观或者样式. 外观或者样式:HTML网页中的文字的大小.颜色.字体,网页的背景颜色.背景图案! 1 ...
图片铺满div元素不变形，超出部分隐藏，保留中心部分css代码
转自:https://www.cnblogs.com/ymdi/p/15707504.html 需求:图片铺满父级元素,有些图片横向.有些是纵向,图片宽高比不一致,导致不能铺满或者变形.针对这种情况, ...

css代码中的“~”和“”是什么意思

css代码中的“~”和“”是什么意思相关推荐

最新文章

热门文章