时间戳

首页 > 解决方案 > css 未应用于嵌套类

css - css 未应用于嵌套类

问题描述

我有这个结构...

<body>
    <div class="page-wrapper">
        <div class="page-content">
            <div class="login-welcome">
                <h3 class="welcome">
                <form class="form-login">

我可以将 css 应用于login-welcome但welcome不能应用于form-login.

在 Chrome 调试器中，我没有看到我设置的样式。这些是相关的样式...

.login-welcome {
    position: absolute;
    top: 15%;
    left: 40%;
    display: block;
}

.welcome {
    font-weight: 600px;
    font-size: 30px;
    color: #653487;
}​

.form-login {
    padding-top: 500px;
}

在调试器中，我可以通过调整来调整相同的填充设置，element.style因此我认为使用form .form-loginor.form-login会起作用，但我尝试过的类没有对类应用任何格式。有什么理由会这样吗？

标签： css

解决方案

当我将你的 css 复制到 chrome 时，在关闭之后有一些奇怪的}字符.welcome

&#8203; 似乎它正在阻止 chrome 解释下一个 css 行

当您删除此字符时，将再次评估以下 css 选择器（例如.form-login {）并将其应用于您的表单元素 - 一切都应该正常工作

推荐阅读