:not意为排除某个元素,可以多次叠加使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>Document</title> <style> li:not(.head_logo):not(.head_item):hover{ background: red; } </style> </head> <body> <ul class="head_ul"> <li class="head_logo">head_logo</li> <li class="head_item">head_item</li> <li>3</li> <li>4</li> <li>5</li> </ul> </body> </html>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。