我正在我的页面上创建一个元素,如下所示:
<a href="">
<span class="benefits">
Free entry<br />
20% off in store<br />
First to know about latest courses
</span>
</a>
Run Code Online (Sandbox Code Playgroud)
客户希望整个区域可以点击,并且要显示带有子弹点的好处列表.
据我所知,列表不能放在锚标签内?
我曾希望我可以在手边插入一个标签,我可以附加css列表样式类型的规则,但这不起作用.我尝试使用背景颜色制作固定宽度和高度的元素,然而,它在IE6中没有正确显示 - 我必须支持.
有任何想法吗?
我有以下代码:
ul.myList li{
border-right: 1px dotted #000;
}
Run Code Online (Sandbox Code Playgroud)
但是,在最后一个元素上,我需要删除该边框,因为我正在使用的设计指示最后一项不需要边框作为分隔符.
所以,我需要定位一个列表的最后一个孩子,所以在我的CSS中我添加了
ul.myList li:last-child{
border-right: none;
}
Run Code Online (Sandbox Code Playgroud)
众所周知,在Firefox,Safari和Chrome中都可以正常使用.
问题在于我们在Internet Explore 6到8中查看页面.