资讯详情

CSS的相邻兄弟选择器用法示例讲解

相邻父元素相同HTML可以使用元素搜索CSS我们来看看相邻兄弟的选择器。CSS简单说明相邻兄弟选择器的用法:

可另一个元素之后,可以选择相同的父级元素 在下面的代码中,item2和item3会有效果,而且item1不会有

HTML代码:

  • item1
  • item2
  • item3

CSS代码:li li { font-size: 50px; }

1.如果需要选择接近另一个元素的元素,并且两者都有相同的父元素,可以使用相邻的兄弟选择器。

2.相邻兄弟选择器使用加号 作为连接符。

示例

#p1 p {

margin-top: 50px;

}

This is paragraph 1.

This is paragraph 2.

This is paragraph 3.

This is paragraph 4.

24a09175bd94e037c8c7f9e62d15c0a3.png

更多CSS请注意相邻兄弟选择器的用法示例PHP中文网!

声明:本文原创发布php请注明中文网的来源,感谢您的尊重!如有疑问,请联系admin@php.cn处理

标签: 8px连接器cn

锐单商城拥有海量元器件数据手册IC替代型号,打造 电子元器件IC百科大全!

锐单商城 - 一站式电子元器件采购平台