前端 - css选择器如何选择被选元素之前的元素?

查看:62
本文介绍了前端 - css选择器如何选择被选元素之前的元素?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

css选择器有一个被选元素之后的选择器 + 和 ~ 难道没有之前吗?

<ul>
   <li><a>我是一个a</a></li>
   <li><a>我是一个a</a></li>
   <li class="active"><a>我是一个a</a></li>
<ul>

ul li.active ? li>a{
   color:red;
}

解决方案

如果是想选择没有被选元素的元素(好像有点绕口),可以尝试用:not()选择器

ul li:not(.active)>a { color: red; }

这篇关于前端 - css选择器如何选择被选元素之前的元素?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆