gpt4 book ai didi

css - 我将如何按照速度测试中的建议使用后代选择器标记此 css?

转载 作者:太空宇宙 更新时间:2023-11-04 04:52:28 25 4
gpt4 key购买 nike

我最近在 GMetrix 上进行了速度测试对于我的 asp.net 站点,它一直提示我应该用 3 个后代选择器标记键和使用标记过度限定的类

例如,我的样式表中有这个:

div.menu ul li a, div.menu ul li a:visited
{
background-color: #465c71;
border: 1px #4e667d solid;
color: #dde4ec;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;
border-radius: 3px;
z-index:20;
}

div.menu ul li a:hover
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;
z-index:20;
}

div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;
z-index:20;
}

或者,例如,速度测试还为此推荐3 个后代选择器:

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #dde4ec;
text-decoration: none;
padding: 6px;
border: 1px #4e667d solid;
border-bottom: 1px solid #4e667d;
border-right: 1px solid #4e667d;
border: 0px solid #800000;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #465c71; /*background of tabs (default state)*/
border: 0px solid #800000;
}

.sidebarmenu ul li a:visited{
border: 0px solid #800000;
}

.sidebarmenu ul li a:hover{
background-color: #bfcbd6;
color: #465c71;
border: 0px solid #800000;
}

我根本不了解 CSS。有人可以解释一下我如何在这里使用后代选择器,我认为这意味着组合这些东西吗?感谢您提供的任何帮助!

最佳答案

我猜是说这个声明像

.sidebarmenu ul li a

所以你也可以使用它简单地给你的 <a> 一个类元素例如说 .menu_link

现在您可以简单地在您的样式表中使用它

a.menu_link {
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #dde4ec;
text-decoration: none;
padding: 6px;
border: 1px #4e667d solid;
border-bottom: 1px solid #4e667d;
border-right: 1px solid #4e667d;
border: 0px solid #800000;
}

a.menu_link:link, a.menu_link:visited, a.menu_link:active{
background-color: #465c71; /*background of tabs (default state)*/
border: 0px solid #800000;
}

a.menu_link:visited{
border: 0px solid #800000;
}

a.menu_link:hover{
background-color: #bfcbd6;
color: #465c71;
border: 0px solid #800000;
}

关于css - 我将如何按照速度测试中的建议使用后代选择器标记此 css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13164173/

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