导航列表项和:: Before :: After

西奥多·施泰纳

是否可以将:: before和:: after元素添加到列表项?

例如,如果我有以下内容:

<ul>
 <li>One</li>
 <li>Two</li>
 <li>Three</li>

我可以定位最后一个项目,比如说添加一个:: after元素,还是只能定位实际的UL元素?

ul li:nth-child(3)::after
{
content: "";
height: 10px;
width: 10px;
background: transparent;
border: 1px solid #ccc;
}
埃诺雷

是的,您可以使用,请确保将position:absolute设置为您的伪元素的高度和宽度。

ul li:nth-child(3)::after {
  display block;
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  background: transparent;
  border: 1px solid #ccc;
}
<ul>
 <li>One</li>
 <li>Two</li>
 <li>Three3</li>
</ul>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

导航列表项和:: Before :: After

来自分类Dev

<br>和:: after或:: before

来自分类Dev

位置 :after 和 :before 在 bootstrap 导航固定顶部之后

来自分类Dev

CSS标签:before和:after

来自分类Dev

CSS:before和:after不起作用?

来自分类Dev

CSS中的&:: before和&:: after是什么?

来自分类Dev

:: before和:: after是什么意思?

来自分类Dev

具有标题的:: before和:: after元素

来自分类Dev

在其:: before和:: after上显示Div?

来自分类Dev

CSS中:: after和:: before之间的区别

来自分类Dev

@Rule @Before和@After中的JUnit参数

来自分类Dev

使用 ::after 和 ::before 超出填充边界

来自分类Dev

使用:Before和:After将图像添加到导航的末尾?

来自分类Dev

如何检测浏览器对:after和:before的支持

来自分类Dev

在字体图标上使用:before和:after有什么好处?

来自分类Dev

可滚动容器上的:before和:after的CSS阴影

来自分类Dev

junit中测试类的通用@before和@after

来自分类Dev

将引号添加到:before和:after元素

来自分类Dev

Internet Explorer 10中的:before和:after问题

来自分类Dev

使用Javascript或PHP更改CSS:before和:after

来自分类Dev

Firefox无法正确显示:before和:after伪元素

来自分类Dev

悬停时使用伪元素:before和:after动画徽标

来自分类Dev

自定义:before和:after部分的可变显示宽度

来自分类Dev

黄瓜钩子中的标签(@Before和@After)如何组织

来自分类Dev

Firefox无法正确显示:before和:after伪元素

来自分类Dev

junit中的测试类常见的@before和@after

来自分类Dev

西装中的每个测试都调用@Before和@After方法

来自分类Dev

使用xslt 1.0的substring-after和substring-before

来自分类Dev

获取使用:before和:after合成的元素的实际高度

Related 相关文章

  1. 1

    导航列表项和:: Before :: After

  2. 2

    <br>和:: after或:: before

  3. 3

    位置 :after 和 :before 在 bootstrap 导航固定顶部之后

  4. 4

    CSS标签:before和:after

  5. 5

    CSS:before和:after不起作用?

  6. 6

    CSS中的&:: before和&:: after是什么?

  7. 7

    :: before和:: after是什么意思?

  8. 8

    具有标题的:: before和:: after元素

  9. 9

    在其:: before和:: after上显示Div?

  10. 10

    CSS中:: after和:: before之间的区别

  11. 11

    @Rule @Before和@After中的JUnit参数

  12. 12

    使用 ::after 和 ::before 超出填充边界

  13. 13

    使用:Before和:After将图像添加到导航的末尾?

  14. 14

    如何检测浏览器对:after和:before的支持

  15. 15

    在字体图标上使用:before和:after有什么好处?

  16. 16

    可滚动容器上的:before和:after的CSS阴影

  17. 17

    junit中测试类的通用@before和@after

  18. 18

    将引号添加到:before和:after元素

  19. 19

    Internet Explorer 10中的:before和:after问题

  20. 20

    使用Javascript或PHP更改CSS:before和:after

  21. 21

    Firefox无法正确显示:before和:after伪元素

  22. 22

    悬停时使用伪元素:before和:after动画徽标

  23. 23

    自定义:before和:after部分的可变显示宽度

  24. 24

    黄瓜钩子中的标签(@Before和@After)如何组织

  25. 25

    Firefox无法正确显示:before和:after伪元素

  26. 26

    junit中的测试类常见的@before和@after

  27. 27

    西装中的每个测试都调用@Before和@After方法

  28. 28

    使用xslt 1.0的substring-after和substring-before

  29. 29

    获取使用:before和:after合成的元素的实际高度

热门标签

归档