CSS類不適用於div

Question

這是我的.1-html和div類的代碼

CSS：

.1-html {
    height: 200px;
    width: 200px;
    border: 1px solid #000;
}

HTML：

<div class="1-html">
</div>

Answer 1

名稱應以下划線（_），連字符（-）或字母（a–z）開頭，后跟任意數量的連字符，下划線，字母或數字。 如果第一個字符是連字符，則第二個字符必須是字母或下划線，並且名稱必須至少包含2個字符。

如何命名CSS類和CSS選擇器的檢出詳細信息

下面的代碼應該可以在這里工作或檢查。

CSS：

.html-1 {
    height: 200px;
    width: 200px;
    border: 1px solid #000;
}

HTML：

<div class="html-1">
</div>

如果您想在班級名稱的開頭使用數字，請遵循以下代碼或在此處進行檢查：

CSS：

[class="1html"] {
    height: 200px;
    width: 200px;
    border: 1px solid #000;
}

HTML：

<div class="1html">
</div>

Answer 2

以數字開頭的名稱在CSS中無效，因此您需要對數字進行轉義。

試試這個代碼塊，它可以在我的瀏覽器中工作

<html>
<head>
<meta charset = "UTF-8" lang="en">
<style>

    [class="1-html"]  {
    height: 200px;
    width: 200px;
    border: 1px solid #000;
}
</style>
</head>
<body>
<div class="1-html">

</div>

</body>
</html>

CSS類不適用於div

問題描述

2 個解決方案

解決方案1
4 2017-11-11 08:12:33

解決方案2
1 2017-11-11 07:24:59

CSS類不適用於div

問題描述

2 個解決方案

解決方案1 4 2017-11-11 08:12:33

解決方案2 1 2017-11-11 07:24:59

解決方案1
4 2017-11-11 08:12:33

解決方案2
1 2017-11-11 07:24:59