欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

CSShover改变子标签/同级标签样式案例

程序员文章站 2022-05-02 23:39:47
css hover改变子标签/同级标签样式 .second { display: none; } .first:hover+.second, .second:hover...

css hover改变子标签/同级标签样式



第一个p标签

第一个p标签的子标签

第二个p标签:(第一个p标签的同级标签)

第二个p标签的 子元素

第三个p标签

经以上代码测试,在一个p 标签处于 hover状态时,可以顺利的改变同级的下一个标签的样式,但是对于同级的上一个标签的样式,没有任何改变。
各位大神,谁有解决方法,请赐教!