html - 在页面部分中合并css3列数不起作用

Question

大家好，我已经测试并尝试了 css 和代码，但仍然无法在此页面上运行：

http://www.beauty-courses-distance-learning.co.uk/aromatherapy-self-use-wellbeing.html

我正在尝试在“您可能感兴趣的其他课程”底部的链接列表中添加一个 css3 列计数，但尽管添加了列计数，但它没有显示/工作，并且列表仍然像往常一样在页面下方。

任何帮助将非常感激。谢谢。

Answer 1

在 CSS2 中，标识符（包括选择器中的元素名称、类和 ID）只能包含字符 [A-Za-z0-9] 和 ISO 10646 字符 161 及更高，加上连字符 (-)；它们不能以连字符或数字开头。它们还可以包含转义字符和任何 ISO 10646 字符作为数字代码（参见下一项）。例如，标识符“B&W?” 可以写成“B\&W\?” 或“B\26 W\3F”。

您的.2coltext课程以数字开头，因此没有被选中。尝试从班级中删除号码，它应该可以正常工作。

.coltext {
  -moz-column-count:2; /* Firefox */
  -webkit-column-count:2; /* Safari and Chrome */
   column-count:2;
}