Question

我正在编写自己的小CSS库，以另一种方式学习CSS。我的问题是，我想用font-size覆盖锚标签，但是在firefox开发工具中，新的font-size是删除线。.我将lib称为“ lil-helper”。因此，“ lil-big-font”类应覆盖“ lil-menu”类，或者更像具有“ lil-menu”类的div中的锚元素。

这是我的HTML：

<!doctype HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>ToDo-APP</title>
    <link rel="stylesheet" href="css/Lil-Helper.css">
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">

</head>

<body>
    <header class="lil-menu lil-flex lil-center">
                <div class="">
                    <a class="lil-big-font" href="Home">Home</a>
                    <a href="#archive">Archiv</a>
                </div>
    </header>
</body>

</html>

和CSS：

.lil-big-font {
    font-size: 3rem;
}

/*Flex-Items */
.lil-flex {
    display: flex;
}

.lil-center {
    justify-content: center;
}

/* Menü */
.lil-menu {
    background-color: dimgrey;
    width: 100%;
}

.lil-menu a {
    display: inline-block;
    text-decoration: none;
    color: #d7e0dd;
    padding: 0.5rem;
    margin: 1rem;
    margin-right: 1rem;
    border-radius: 10px;
    font-family: 'Lato', sans-serif;
    font-size: 1.4rem;
}

.lil-menu a:hover {
    color: #fff;
}

为什么我不能用另一个类属性覆盖我的类属性

0 个答案: