gpt4 book ai didi

css - 通过CSS防止对第一个元素的悬停效果

转载 作者:行者123 更新时间:2023-11-28 09:08:48 25 4
gpt4 key购买 nike

我试图仅在第一行防止悬停和焦点效果,但是当我应用“第一个 child ”伪代码时,它适用于所有行。这是代码:

/* CSS */
ul {list-style-type: none;}
ul > li > a {
background: transparent;
font: normal 12px Arial, sans-serif;
color: #007DBD;
margin: 0;
border-radius: 0;
padding: 7px 10px;
width:200px;
}

ul > li > a:first-child {
color:#333;
background: none;
}

ul > li > a:hover, ul > li > a:focus {
color: #009BE1;
background: #F3F3F3;
text-decoration: none;
}

/* HTML */
<ul>
<li><a href="javascript:;">sample@test.com</a></li>
<li><a href="javascript:;">Edit Profile</a></li>
<li><a href="javascript:;">Logout</a></li>
</ul>

我不希望第一个有任何悬停效果 <li><a>元素。
这是 js-fiddler:
http://jsfiddle.net/123qyrtc/

请告诉我是否有任何 CSS 解决方案...

最佳答案

ul > li:first-child > a:hover, ul > li:first-child > a:focus {
color:#333;
background: none;
text-decoration:underline
}

关于css - 通过CSS防止对第一个元素的悬停效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26129210/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com