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

Question

The style of y "Tweet" button disappears whem i adding !DOCTYPE html.当我添加 !DOCTYPE html 时，y“Tweet”按钮的样式消失了。

<!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>

css part of Tweet button from button.css来自 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);
}

Answer 1

From your screenshot, the class name for the tweet button is TweetBT , whereas in your button.css it's .tweetBT , which should be .TweetBT .从您的屏幕截图中，推文按钮的类名是TweetBT ，而在您的button.css中是.tweetBT ，应该是.TweetBT 。
As the class name is not matching, the CSS is not applied.由于类名不匹配，因此不应用 CSS。 It's not an issue with !DOCType Html.这不是 !DOCType Html 的问题。

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

问题描述

1 个解决方案

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

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

问题描述

1 个解决方案

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

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