十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
1、~波浪号
创新互联服务项目包括定南网站建设、定南网站制作、定南网页制作以及定南网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,定南网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到定南省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
A ~ B 选择A标签后的所有B标签,【A和B必须有相同的父元素】
2、+加号(兄弟选择器)
A+B 选择紧邻在A后面的B元素,【A和B必须拥相同的父元素】所选到的仅为一个B元素标签。
3、大于号
AB 选择A元素里面的B元素【B元素是A元素下的第一代,只第一后代】
要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。
加号(+)为:相邻同胞选择器
如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。
例如,如果要增加紧接在 h1 元素后出现的段落的上边距,可以这样写:
h1 + p {margin-top:50px;}
这个选择器读作:“选择紧接在 h1 元素后出现的 p 元素(需要满足 h1 和 p 元素拥有共同的父元素)”
css中的加号,大于号这些符号是什么意思
打个比方div span{...}这样写,div下的不论是儿子辈的span还是孙子辈的span都应用样式;
也就是说,div下的所有span都有这个样式。
divspan{...}这样写,div下的只有儿子辈的span应用样式;
但是如果是这种情况spanddddddspanaaaaa/span/span孙子辈的span会继承儿子辈的span样式;
试的时候这样pspanaaaaa/span!--2--/p才是真正的孙子辈样式
ie6不支持
先让隐藏的那一部分设置样式display:none,点加号的时候通过javascript中的点击事件让隐藏的那一部分内容设置display:block,再让加号隐藏掉就可以了
“+”是选择相邻兄弟,叫做“相邻兄弟选择器”选择器能够匹配指定元素后面相邻的兄弟元素。
如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。例如,如果要增加紧接在 h1 元素后出现的段落的上边距,可以这样写:h1 + p {margin-top:50px;}
这个选择器读作:“选择紧接在 h1 元素后出现的段落,h1 和 p 元素拥有共同的父元素”。
扩展资料:
相邻兄弟选择器使用了加号(+),即相邻兄弟结合符。注释:与子结合符一样,相邻兄弟结合符旁边可以有空白符。
div 元素中包含两个列表:一个无序列表,一个有序列表,每个列表都包含三个列表项。这两个列表是相邻兄弟,列表项本身也是相邻兄弟。
不过,第一个列表中的列表项与第二个列表中的列表项不是相邻兄弟,因为这两组列表项不属于同一父元素(最多只能算堂兄弟)。
请记住,用一个结合符只能选择两个相邻兄弟中的第二个元素。请看下面的选择器:
li + li {font-weight:bold;}
上面这个选择器只会把列表中的第二个和第三个列表项变为粗体。第一个列表项不受影响。
结合其他选择器:
相邻兄弟结合符还可以结合其他结合符:
html body table + ul {margin-top:20px;}
这个选择器解释为:选择紧接在 table 元素后出现的所有兄弟 ul 元素,该 table 元素包含在一个 body 元素中,body 元素本身是 html 元素的子元素。