css 中“~”和“”以及“ ””是什么意思
css中“~”和“>”是什么意思?
css中“~”是:
为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景:
p~ul
{
background
:
#ff0000
;
}
<p>快乐生活</p>
<ul>
<li>生活</li>
<li>生活</li>
<li>生活</li>
</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中float用法
文档流:浏览器根据元素在html文档中出现的顺序,从左向右,从上到下依次排列. 浮动属性是CSS中的定位属性,用法如下: float: 浮动方向(left.right.no ...
- 关于css中float的一切
原文:http://css-tricks.com/all-about-floats/ 这篇文章说的简单易懂 float是CSS中关于定位的属性. float有4个值:none, left, righ ...
- html如何给文字添加阴影效果,css中怎么给字体添加阴影效果
css中可以使用text-shadow属性给字体添加阴影效果,text-shadow是CSS样式属性单词,是设置对象中文本的文字字体是否有阴影及模糊效果的CSS样式. text-shadow属性的语法 ...
- css中绝对定位中的left和top属性
<html><head><title>Absolute Position</title><style type = "text/css& ...
- css中关于居中的那点事儿
css中关于居中的那点事儿 关于居中,无论是水平居中,还是垂直居中都有很多方式,下面我来介绍一些常用的. 第一部分:水平居中 1.实现行内元素的居中.方法:在行内元素外面的块元素的样式中添加:text ...
- CSS中background-position属性
CSS中background属性是经常用到的,可以给某个块设置背景色.以下主要说明以下background-position属性的应用. 一般在设置background属性时的写法是: backgro ...
- css在兼容模式下无法引用_如何在CSS中使用深色模式
css在兼容模式下无法引用 by Frank Lämmer 由FrankLämmer 如何在CSS中使用深色模式 (How to get dark mode working with CSS) I h ...
- web前端培训:CSS中单行文本溢出显示省略号的方法
CSS中单行文本溢出显示省略号的方法你知道吗?在web前端技术学习中,这个问题其实是属于老生常谈了,因为css单行文本的应用是非常频繁的,比如网站最基本的文章列表,标题会很长,而显示列表的区域宽度却没 ...
- 在CSS中定义a:link、a:visited、a:hover、a:active顺序
摘自:http://www.qianyunlai.com/post-2.html 以前用CSS一直没有遇到过这个问题,在最近给一个本科同学做的项目里面.出现一些问题,搜索引擎查了一些网站和资料,发现很 ...
- CSS中浮动布局float(小米布局案例、导航栏案例、overflow)
1. CSS 布局的三种机制 网页布局的核心--就是用 CSS 来摆放盒子. CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流(标准流).浮动和定位, 其中: 普通流(标准流) 块级元素会 ...
最新文章
- 使用微信的JS-SDK实现自定义分享到微信朋友圈
- 还找不到数据异常原因?这份教程赶快拿走
- SpringBoot项目启动时提示程序包不存在和找不到符号
- php libxml 宝塔,宝塔编译安装各个版本php无法安装
- 认识activiti与flowable的区别---工作流工作笔记001
- 独立站引流真的那么难吗?
- node.js学习之npm 入门 —8.《怎样创建,发布,升级你的npm,node模块》
- 形容计算机专业好句子,关于形容专业水平高的句子大全 精于专业的名言警句...
- C# 实现打开和关闭可执行文件
- (转帖)美国人教你这样用Google,你真的会变特工
- 怎么发语音短信?互亿无线语音通知接口产品特性介绍
- Java类型转换简单运用
- 用母函数(生成函数)求解整数拆分问题
- python去除空行_Python中去除文件空行(strip)
- 人群异常聚集识别监测
- python表白玫瑰花绘制——情人节表白(亲测)
- 反思|开启B站少女心模式,探究APP换肤机制的设计与实现
- 【MySQL】mysql数据导出
- ERROR 1226 (42000):User 'root' has exceeded the 'max_questions' resource (current value: 2)
- android mediaplayer 错误码,MediaPlayer 错误码