Html 为什么我的CSS类不起作用

我有以下HTML：

<div id="main">
    <div id="calendar">
    <div class="column" id="time_slots">
    </div>

        <div class="column" id="day1">
            <div class="route_container">
                <div class="date"></div>
                <button class="add_route" name="add_route" onclick="">Add New Route - 1</button>
                <div class = "truck" id="day1_route1">
                    <div class="8-10">8-10 AM today</div>//want css for this
                    <div class="10-12">10-12 AM</div>
                    <div class="12-2">12-2 AM</div>
                    <div class="2-4">2-4 AM</div>
                    <div class="4-6">4-6 AM</div>
                </div>
            </div>
        </div>
            ...etc...

问题是我正试图为

8-10

，

10-12

，

12-2

，

2-4

，&

4-6

定义所有类。我最初试过：

.8-10, .10-12, .12-2, .2-4, .4-6
    {
        border-style: solid;
        border-width: 1px;
        border-color: black; 
        width:100px;
        height:18px;

        font-size: 24px;    
    }

---

但那没用。我做错了什么？我甚至连一门课（

8-10

）都上不了？我该如何解决这个问题

它不起作用的原因是，您不能在类名的开头使用数字

Wrong: .123text
Right: .text123

---

不能用数字来启动名称类。可以用字母

a-z

或下划线

或

-

来启动名称类。请检查此处。

这是您的选择，您不能以数字开头选择器。

类名可以以下划线、破折号或字母开头，而不是数字

在CSS中，标识符（包括元素名、类和ID） 选择器）只能包含字符[a-zA-Z0-9]和ISO 10646 字符U+00A0及以上，加上连字符（-）和下划线 （u）；它们不能以数字、两个连字符或后跟一个连字符开头 一位数。”

---

您正在包含css文件，对吗？css类名不能以数字开头。更多信息，谢谢各位。我不敢相信我做了那件事。嗯。。。

Wrong: .123text
Right: .text123