1.hover改变子元素属性
.class:hover .class-child{
    background-color:#50ff00;
2.hover更改同级（兄弟）相邻元素属性：
.class:hover +.class-2{
    background-color:#50ff00;
3.hover更改同级（兄弟）不相邻元素属性：
.class:hover ~.class-3{
    background-color:#50ff00;
4.更改其他元素的子元素属性
.class:hover ~.class-3>.class-3-child{
    background-color:#50ff00;
                    css在css添加过度效果，常用的hover，然后在里面添加样式class:hover {	transition： all .5s	color: #fff	...}但是如果元素添加了,，那么过度样式会无效，解决办法如下class {  transition:visibility .5s, opacity .5s;  ;  opacity: 0;}class:hover {  visibi
				
可以使用CSS中的:hover伪类和display属性来实现元素的显示和隐藏。例如，当鼠标悬停在某个元素上时，可以将其子元素的display属性设置为block以显示它们，而当鼠标移开时，将其display属性设置为none以隐藏它们。
示例代码如下：
HTML:
<div class="parent">
  <div class="child">子元素1</div>
  <div class="child">子元素2</div>
  <div class="child">子元素3</div>
.parent .child {
  display: none;
.parent:hover .child {
  display: block;
这将使得当鼠标悬停在父元素上时，所有子元素都会显示出来。