侧边栏菜单图标对其问题


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            #root {
                width: 15%;
                border: 1px solid red;
                padding-right: 10px;
            }

            ul {
                list-style: none;
            }
            
            ul>li>a>i:last-child{
                float: right;
                background-color: #AAAAAA;
                /* margin-left: 10px; */
                padding-left: 10px;
            }
        </style>
    </head>
    <body>
        <div id="root">
            <ul>
                <li>
                    <a href="#">
                        <i>icon1</i>
                        <span>文本1</span>
                        <i>icon2</i>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i>icon1</i>
                        <span>文本文本文本2</span>
                        <i>icon2</i>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i>icon1</i>
                        <span>文本文本3</span>
                    </a>
                </li>
            </ul>
        </div>
    </body>
</html>

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

侧边栏菜单图标对其问题

需求

需求图

原先的解决方案

已解决

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

Next.js做纯前端是否可行？

如何实现一个深拷贝函数？

git提交记录问题？

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

怎么获取动态弹出对话框的模拟单击？

如何实现类似豆包的AI改写框跟随内容滚动效果？