未显示在div之后的HTML

我有以下HTML和CSS（最小化版本）：

页脚ulli{
浮动：左；
列表样式：无；
颜色：#aaa；
字体大小：15px；
}
页脚分区李{
浮动：左；
列表样式：无；
颜色：#aaa；
字体大小：15px；
}
页脚：在{
内容：“|”；
利润率：0.3px 0.3px；
}
页脚div li：之后{
内容：“|”；
利润率：0.3px 0.3px；
}
############学院、街、街###
总机：############



&抄袭；版权所有2015年

我的问题是，“|”不显示在“div”之后，而是显示在“ul”之后

我尝试了许多不同的选择，搜索了几个小时，但都没有发现我做错了什么？

试试这个

footer div li:last-child:after{
content:"|";
}

试试这个

footer div li:last-child:after{
content:"|";
}

你需要更换

<div>
    <li>############ College, #### Street, ############, ### ###</li>
    <li>Switchboard: ###### ######</li>
</div>

############学院、街、街###
总机：############

与

############学院、街、街###
总机：############

您需要更换

<div>
    <li>############ College, #### Street, ############, ### ###</li>
    <li>Switchboard: ###### ######</li>
</div>

############学院、街、街###
总机：############

与

############学院、街、街###
总机：############

这是不正确的，您不能在

：之后有空格

footer div li :after{

这里还缺少一个
标记。列表项必须具有UL、DL或OL父项（在本例中为UL）






这是不正确的，在
：之后的
前面不能有空格

footer div li :after{

这里还缺少一个
标记。列表项必须具有UL、DL或OL父项（在本例中为UL）







############学院、街、街###
总机：############

在代码的这个HTML部分，您正在使用
元素，但甚至没有定义

如果您定义了，它应该执行以下操作：

 <div>
   <ul>
    <li>############ College, #### Street, ############, ### ###</li>
     <li>Switchboard: ###### ######</li>
  </ul>
</div>



############学院、街、街###
总机：############


############学院、街、街###
总机：############

在代码的这个HTML部分，您正在使用
元素，但甚至没有定义

如果您定义了，它应该执行以下操作：

 <div>
   <ul>
    <li>############ College, #### Street, ############, ### ###</li>
     <li>Switchboard: ###### ######</li>
  </ul>
</div>



############学院、街、街###
总机：############

您的计算机中存在间距问题

first div li :first
{}

应该是哪一个

first div li:first
{}

您的计算机中存在间距问题

first div li :first
{}

应该是哪一个

first div li:first
{}

div li:后面的空格应为页脚div li:后面的空格。这将显示“|”。div li:后面的空格应为footer div li:after。这使得“|”出现。
你不能在
之前有空格：
之后有空格。看起来你也有打字错误，
li
不能是
div
的孩子……只有
ul
@Paulie\u这么简单！！你不能这样做
你不能在
之前：之后有空格。看起来你也有打字错误，
li
不能是
div
的孩子……只有
ul
@Paulie\u这么简单！！你不能这样做