堆栈内存溢出
  繁体   English   中英

当我添加时，部分样式不起作用<!DOCTYPE html>

[英]A part of styles didnt work when i add <!DOCTYPE html>

 原文  2022-07-05 19:06:00  2   1    html/ css

问题描述

当我添加 !DOCTYPE html 时，y“Tweet”按钮的样式消失了。

有风格的推文

风格消失了

CSS部分

<!DOCTYPE html>
<html>
    <head>
        <title>Buttons</title>
        <link rel="stylesheet" href="styles/buttons.css">
    </head>
    <body>    
        <button class="buttonYT">SUBSCRIBE</button>
        <button class="JOIN">JOIN</button>
        <button class="Tweetb">Tweet</button>
    </body>

</html>

来自 button.css 的推文按钮的 css 部分

.tweetb {
    background-color: rgb(29, 155, 240);
    color: white;
    border: none;
    height: 36px;
    width: 74px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    margin-left: 8px;
    transition: box-shadow 0.15s;
    vertical-align: top;
}

.tweetb:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}

1 个解决方案

解决方案1
 0 已采纳  2022-07-05 19:12:08

从您的屏幕截图中，推文按钮的类名是TweetBT ，而在您的button.css中是.tweetBT ，应该是.TweetBT 。
由于类名不匹配，因此不应用 CSS。 这不是 !DOCType Html 的问题。

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 当我添加 <!DOCTYPE html> ，div测量不起作用 我加 <!DOCTYPE html> 它破坏了我的代码，没有它，它会完美地工作 我的 style.css 文件对 html 不起作用，当我保存文件时，它显示记事本 + 设置 我使用时不需要的边框 添加 doctype 时，我的 1 个 div 移动 添加图标 -<doctype! html> 不是</doctype!> 我应该添加什么.vimrc，当我用vim创建一个html文件时，创建* .html文件显示 <!DOCTYPE html> … 默认？ <!DOCTYPE html>删除媒体查询样式 javascript函数在使用时不起作用<!DOCTYPE html> 每次我添加 <!DOCTYPE html> 它破坏了我的代码
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM