CSS 中'~'(波浪号),','(逗号),'+'(加号)和'>'(大于号)的作用

html-css042

CSS 中'~'(波浪号),','(逗号),'+'(加号)和'>'(大于号)的作用,第1张

原文: css中“~”(波浪号)、“,”(逗号)、 “ + ”(加号)和 “ >”(大于号)是什么意思?

选择前面有A元素的所有B标签

为相同父元素中位于A标签后的所有B元素设置样式

两种元素必须拥有相同的父元素,但是B不必直接紧随A出现

是CSS3特有选择器,表示选则A元素的子元素中所有B元素

A B 选择所有后代元素,但是A>B 只选择一代

同时选择A B 两个类,对其应用相同的CSS样式

选择紧接在另一个元素后的元素,二者有相同的父元素

例:增加紧接在h1元素后出现的段落的边距

我试了下楼主的问题 可以有结果 就是不知道合不合标准了。

出现红色的波浪线,估计是不合乎您当前使用的CSS版本的书写规范。

不过不推荐不要这样书写,

a行内元素 ,而div是块状元素 。

一般的书写规则是块里面可包含行内元素 ,

如果你想给a里面的文字添加其它的css属性 可以给里面的文字 加上em、span、strong进行修饰。

希望对您有帮助!

根据部分属性值选择

如果需要根据属性值中的词列表的某个词进行选择,则需要使用波浪号(~)。

假设您想选择 class 属性中包含 important 的元素,可以用下面这个选择器做到这一点:

p[class~="important"] {color: red}

@ 通常在sns,weibo,等社交工具中用于点名,通知,圈人用。。