css中“~”（波浪号）、“，”（逗号）、 “ + ”（加号）和 “ ＞ ”（大于号）是什么意思？

1、群组选择器（','）
2、后代选择器（空格）
3、子元素选择器（'>'）
4、相邻兄弟选择器（'+'）
5、兄弟选择器（'~'）
“~”的定义和用法

　　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｛大于号指子代元素｝；
.a+.b｛这个“+”是选择相邻兄弟，叫做“相邻兄弟选择器”
　　如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器(Adjacent sibling selector)。
　　例如，如果要增加紧接在 h1 元素后出现的段落的上边距，可以这样写：
　　h1 + p {margin-top:50px;}
　　这个选择器读作：“选择紧接在 h1 元素后出现的段落，h1 和 p 元素拥有共同的父元素”。｝；

1、群组选择器（','）

/* 表示既h1，又h2 */
h1, h2 {color: red;
}

2、后代选择器（空格）

/* 表示 h1 下面的所有 span 元素，不管是否以 h1 为直接父元素 */
h1 span {}

3、子元素选择器（'>'）

/* 表示 h1 下面的所有以 h1 为直接父元素的 span 元素，注意必须以 h1 为直接父元素 */
h1 > span {}

示例：下面第一个h1的两个strong元素是红色，第二个h1的strong元素将不变色

<h1>This is <strong>very</strong> <strong>very</strong> important.</h1>
<h1>This is <em>really <strong>very</strong></em> important.</h1>
h1 > strong {color:red;}

4、相邻兄弟选择器（'+'）

选择紧接在另一个元素后的元素，而且二者有相同的父元素。

<ul><li>List item 1</li><li>List item 2</li><li>List item 3</li></ul><ol><li>List item 1</li><li>List item 2</li><li>List item 3</li></ol>

5、兄弟选择器（'~'）

选择在某元素之后的所有兄弟元素，不一定要紧跟在后面，但必须得是相同父元素，即必须是同一级元素。

/* A之后的所有B元素，不一定要紧跟在A后面、相同父元素 */
A ~ B{}

css中“~”（波浪号）、“，”（逗号）、 “ + ”（加号）和 “ ＞ ”（大于号）是什么意思？相关推荐

php 点号的用法,基于php中echo用逗号和用点号的区别详解
php 的基于php中echo用逗号和用点号的区别详解实例如下: echo 1+5; echo " "; echo '1+5='."1+5"." ...
C++/Python中两个小于号或两个大于号的作用
两个小于号或大于号的作用在C++和Python中相同,所以在此只讲述一个例子. 以C++运行环境为例: << (数字) 表示二进制左移多少位 >> (数字) 表示二进制右移多少 ...
CSS小应用（圆形关闭按钮、大于号、可旋转三角箭头）
一.圆形关闭按钮注:这个×受line-height影响,垂直方向并不是完全居中. <div><img src="./IMG_0349.jpg" alt=&quo ...
css中字的大小,字体大小大于CSS中设置的大小
当我将字体大小设置为特定像素高度时,计算出的字体大小是我在CSS中设置的大小的1.333倍.但是,如果我将字体大小设置为百分比,则使用正确的大小.这种情况发生在我尝试的每个浏览器中,包括Firefox ...
php echo中的点是什么?,php编程中echo用逗号和用点号连接的区别，echo逗号_PHP教程...
echo " 1+5'="" .="" 5)+1;="" 输出2="" 我们给前面的加个括号后.得到的结果是一 ...
【Css】css中class之间＞(大于号)、~(波浪号)、 (空格)、,(逗号)、+(加号)详解（转载，笔记用）
css中">"(大于号)."~"(波浪号)." "(空格).","(逗号)."+"(加号)详解 ...
css中井号，点，星号的区别和应用实例。
在css文件中,经常会看到#号.*号和".点",对于没有一点css阅读.开发经验的朋友来讲,这几个符号所代表的意思是什么.有什么作用,肯定是一点都不知道,那么今天我们就一起来认识一 ...
HTML写表格记录（二）--如何在HTML中表达“＞“,“＜“大于号小于号，以及＜b＞的意思
-1.<b>标签是粗体文本的意思,就是将<b>标签中的文字以粗体显示</b> 2.用html写东西时大于号(>).小于号(<)无法正常显示,应该用如如下 ...
css中使用id和class 的不同
在 CSS 中,类选择器以一个点号显示: .center {text-align: center} 在上面的样例中,全部拥有 center 类的 HTML 元素均为居中. 在以下的 HTML 代码中, ...

css中“~”（波浪号）、“，”（逗号）、 “ + ”（加号）和 “ ＞ ”（大于号）是什么意思？

1、群组选择器（','）

2、后代选择器（空格）

3、子元素选择器（'>'）

4、相邻兄弟选择器（'+'）

5、兄弟选择器（'~'）

css中“~”（波浪号）、“，”（逗号）、 “ + ”（加号）和 “ ＞ ”（大于号）是什么意思？相关推荐

最新文章

热门文章