我对HTML和CSS非常陌生（从昨天开始）。当一些CSS不像视频中应该的那样工作时，我正在关注Traazare Media的CSS速成班。这是关于一个表单，我试图确保代码是相同的，并确保它被保存，但Chrome页面显示表单仍然是相同的布局，就像它只是用普通HTML制作的一样。CSS中的其他一切都工作得很好。我试图在网上找到解决方案，但不太确定其他人的情况是否适用于我的情况。

这是不起作用的特定CSS:

.my-form{
    padding:20px;
}

.my-form .form-group{
    padding-bottom:15px;
}

.my-form label{
    display:block;
}

.my-form input[type="text"], .my-form textarea{
    padding:8px;
    width:100%;
}

.my-form input[type="submit"]{
    background-color:#333;
    color:#fff;
    padding:10px 15px;
    border:none;
} 

以下是完整的HTML:

.my-form{
    padding:20px;
}

.my-form .form-group{
    padding-bottom:15px;
}

.my-form label{
    display:block;
}

.my-form input[type="text"], .my-form textarea{
    padding:8px;
    width:100%;
}

.my-form input[type="submit"]{
    background-color:#333;
    color:#fff;
    padding:10px 15px;
    border:none;
} 

以下是我的完整CSS:

.my-form{
    padding:20px;
}

.my-form .form-group{
    padding-bottom:15px;
}

.my-form label{
    display:block;
}

.my-form input[type="text"], .my-form textarea{
    padding:8px;
    width:100%;
}

.my-form input[type="submit"]{
    background-color:#333;
    color:#fff;
    padding:10px 15px;
    border:none;
} 

如有任何帮助，不胜感激。提前感谢！

编辑：谢谢大家的帮助，我今天又试着打开了它，它刚刚修复，昨天看起来像裸露的HTML，一定是我的浏览器出了问题什么的。很抱歉浪费了大家的时间，但再次感谢大家的耐心！

顺晟科技：

我觉得问题就在这里-- 删除输入[type=“text”]，并按以下方式编写

.my-form{
    padding:20px;
}

.my-form .form-group{
    padding-bottom:15px;
}

.my-form label{
    display:block;
}

.my-form input[type="text"], .my-form textarea{
    padding:8px;
    width:100%;
}

.my-form input[type="submit"]{
    background-color:#333;
    color:#fff;
    padding:10px 15px;
    border:none;
} 

让我知道这对您是否有效

我直接将CSS添加到HTML中，它正在工作。您可以通过这种方式尝试，而不是拆分到另一个CSS文件中。

所以我删除行。请告诉我它是否有效。