css - 使类中的 ID 命令“合法”以允许 WS3

Question

在下一页上有两个矩形，其中写有文字。（出于说明目的，我将 CSS 命令放在每个矩形之前...）

第一个矩形——ID——命令第二个矩形——跨度类——命令

我有两个问题：

1 - 由 span 类命令设计的不匹配（字母中缺少间隙 - 填充：5px）

2 - span 类的代码中的某些内容对 WC3 无效（LI 问题）。

Answer 1

你的第二个盒子的 HTML 真的很乱。第一个是一个ol元素，但第二个只是一个span. 你不能把li不是列表（ul或ol）的东西放在里面。您还可以在关闭嵌套列表项之前关闭 span，并且该p元素最后关闭，即使它是li.

<span class ="commandmentsID1"> 
<li><p> 
    <!-- content here -->
</span></li></p>

应该：

<ol class ="commandmentsID1">   
<li><p> 
    <!-- same content here -->
</p></li></ol>

---

由于两个矩形的 CSS 完全相同，因此最好只给每个class="commandment"具有所有这些 CSS 规则的 a 。

.commandment {list-style:none; margin:0; padding:0;}
.commandment li {background:#292929; color:#d0d0d1; font:bold 5px Arial, Helvetica, sans-serif; letter-spacing:0px; margin:10px; padding:10px; text-align:center;}
.commandment li blockquote {margin:0px; padding:0px;}
.commandment p {background:#333333; color:#ffffff; text-align:right; font:13px Arial, Helvetica, sans-serif; letter-spacing:0px; margin:0px; padding:5px; text-decoration:none;}

<ol class="commandment">
    <!-- content -->
</ol>