Question

以下代码旨在将字体颜色应用于div标记内的链接，但它似乎不会生效。

/* Body Content */
div.wrapper {
    color: #ffffff;
    font-size: 16px;
    line-height: 25px;
    a:link {color: #ffffff;};
    a:visited {color: #ffffff;};
    a:active {color: #ffffff;};
    a:hover {color: #ffffff;};
}

Answer 1

在CSS中，您无法嵌套规则。只需使用SASS，LESS等预处理器即可。

您的示例的正确规则集是：

div.wrapper {
    color: #ffffff;
    font-size: 16px;
    line-height: 25px;
}

div.wrapper a:link {color: #ffffff}
div.wrapper a:visited {color: #ffffff}
div.wrapper a:active {color: #ffffff}
div.wrapper a:hover {color: #ffffff}

你可以写短信：

.wrapper {color: #fff; font-size: 16px; line-height: 25px;}
.wrapper a {color: #fff;} /* when other link's declarations are the same, you don't need to repeat them */
.wrapper a:hover {text-decoration: none;} /* for :link, :active and :focus stays underline, for :hover I set decoration to none */

div类中的CSS链接没有生效

1 个答案: