elmentui中用容器设置ul时候,当自定义浮动样式时会出错

<el-aside width="200px">
			  	<ul class="indu">
			  	  <li>
			  	    <p>
			  	     Aside
			  	    </p>
			  	  </li>
			  	  <li>
			  	    <p>
			           <a href="https://www.jd.com" target="mainframe">京东</a>
				    </p>
			  	  </li>
			  	  <li>
			  	    <p>
			           <a href="https://www.taobao.com" target="mainframe">淘宝</a>
				    </p>
			  	  </li>
			  	 </ul>
			  </el-aside>

css:

.el-aside ul{
			    margin: 0;
				padding: 0;
				list-style: none;}
			 
			 .el-aside ul{
			    width: 100%;
			  }
			 .el-aside ul li{
			     width: 100%;
			     height: 60px;
			   }
			.el-aside ul li a{
			     display: block;
			     height: 100%;
			     width: 100%;
			     color: #fff;
			     line-height: 60px;
			     text-align: center;
			  }
			.el-aside ul li.active a{
			     color: #FFAD17;
			     background-color: #D3D3D3;
			 }
			.el-aside ul li a,p:hover{
			     color: #FFAD17;
			     background-color: #D3D3D3;
			 }

并且不可以这样同时设置p,a:.el-aside ul li a,p:hover。

解决方法:使得ul下的

  • 标签下的元素统一,如果像上图,执行时p标签内容和a标签会重合,或者格式错误。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值