首页 > 代码库 > 演示-联合选择器和反选择器
演示-联合选择器和反选择器
HTML代码:
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>index</title> 6 <script type="text/javascript" src="jquery-3.1.1.min.js"></script> 7 <script type="text/javascript"> 8 $(function(){ 9 $(".ull,a").css("color","red");10 $("div :not(a)").css("color","blue");11 }12 );13 </script>14 </head>15 <body>16 <div style="border:1px solid;">17 <a id="last" value="123" href="#">兴趣:</a>18 <p>电影</p>19 </div>20 <ul class="ull">21 <li>I</li>22 <li>II</li>23 <li>III</li>24 </ul>25 </body>26 </html>
结果:
演示-联合选择器和反选择器
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。