CSS选择器里面的加号“”是什么意思,如何使用

米应凯 2019-12-21 23:35:00

推荐回答

1、CSS兄弟相邻选择器加号相邻兄弟选择器使用了加号。注释:与子结合符一样,相邻兄弟结合符旁边可以有空白符。CSS兄弟相邻选择器加号,举例说明HTML代码这里是第一个P标签这里是第二个P标签标题H2这里是第一个P标签这里是第二个P标签这里是第三个P标签这里是第四个P标签CSS代码.h2 + p{    color: red;  }2、CSS兄弟选择器~匹配选择器''~''匹配所有在指定元素之后的同级某个元素举例说明一个,CSS的匹配选择器HTML代码这里是第一个P标签这里是第二个P标签标题H2这里是第一个P标签这里是第二个P标签这里是第三个P标签这里是第四个P标签CSS代码.h2 ~ p{    color: red;    }3、总结:CSS中的兄弟选择符号‘~’,可以选择指定元素后的,同级的相同的所有元素。比如上面的示例,所以h2标签后的P标签全部被选择,并加入了样式通过这两个例子,可以发现虽然这两个选择器都表示兄弟选择器,但是‘+’选择器则表示某元素后相邻的兄弟元素,也就是紧挨着的,是单个的。而‘~’选择器则表示某元素后所有同级的指定元素,强调所有的。其他选择器可参考。
连传庆2019-12-21 23:42:04

提示您:回答为网友贡献,仅供参考。

其他回答

  • 1、标签选择器8、字符串匹配的属性选择符^$*三种,分别对应开始、结尾、包含以上选择器在日常开发中最常用的就是标签选择器、类选择器和id选择器,下面是这三种选择器的基本用法。
    辛均安2019-12-22 00:21:49
  • 这个“+”是选择相邻兄弟,叫做“相邻兄弟选择器”如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器Adjacentsiblingselector。例如,如果要增加紧接在h1元素后出现的段落的上边距,可以这样写:h1+p{margin-top:50px;}这个选择器读作:“选择紧接在h1元素后出现的段落,h1和p元素拥有共同的父元素”。更多详细资料你可以一下“相邻兄弟选择器”。
    齐晓华2019-12-22 00:10:36
  • 1、同意您:ID选择器:#header{}类选择器:.header{}元素选择器:div{}子选择器:ul>li{}后代选择器:divp{}伪类选择器:a:hover{}属性选择器:input{}id优先级高于类class;后面的样式覆盖前面的;指定的高于继承;2、除了参考W3school的资料,我这还有CSS的帮助文档,如果需要,留下邮箱,发给你。http://www.w3school.com.cn/css/index.asp。
    黄盘明2019-12-22 00:01:05

相关问答