小编Ant*_*Ali的帖子

要在锚链接中"看起来像"项目符号列表的元素

我正在我的页面上创建一个元素,如下所示:

<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中没有正确显示 - 我必须支持.

有任何想法吗?

html css html-lists

9
推荐指数
1
解决办法
2万
查看次数

:CSS和Internet Explorer中的last-child伪类选择器

我有以下代码:

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中查看页面.

css css-selectors pseudo-class

6
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×2

css-selectors ×1

html ×1

html-lists ×1

pseudo-class ×1