侧边栏菜单图标对其问题


<!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属性相同的放在同一个数组？

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

css布局怎么保证右边一直在可视范围内？