首页前端开发CSS相邻兄弟选择器使用了加号(+)

相邻兄弟选择器使用了加号(+)

时间2024-05-22 23:06:04发布访客分类CSS浏览76
导读:语法正文 相邻兄弟决议器运用了加号(+),即相邻兄弟说合符(Adjacent sibling combinator)。 注释:与子联络符一样,相邻兄弟分散符旁边梗概有空缺符。 请看下面这个文档树片断: List...

语法正文

相邻兄弟决议器运用了加号(+),即相邻兄弟说合符(Adjacent sibling combinator)。

注释:与子联络符一样,相邻兄弟分散符旁边梗概有空缺符。

请看下面这个文档树片断:

  • List item 1
  • List item 2
  • List item 3
  1. List item 1
  2. List item 2
  3. List item 3

在上面的片断中,div 元素中搜罗两个列表:一个无序列表,一个有序列表,每个列表都包括三个列表项。这两个列表是相邻兄弟,列表项自己也是相邻兄弟。不外,第一个列表中的列表项与第二个列表中的列表项不是相邻兄弟,由于这两组列表项不属于同一父元素(至多只能算从兄弟)。

请记着,用一个撮合符只能抉择两个相邻兄弟中的第二个元素。请看下面的决定器:

li + li {
    font-weight:bold;
}
    

下面这个决定器只会把列表中的第二个与第三个列表项酿成粗体。第一个列表项不受影响。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 相邻兄弟选择器使用了加号(+)
本文地址: https://pptw.com/jishu/665906.html
帝国CMS文章页面设置TAGS关键字调用及TAGS静态化规则 如何正确设置WordPress固定链接(配合面板伪静态规则)

游客 回复需填写必要信息