css - 如何在 html 中创建带有子箭头的无序列表?

标签 css html wordpress html-lists

我想知道如何在 wordpress 中完成类似的事情。有什么建议么?也许是示例代码。

enter image description here

能否举例说明如何将其应用于子元素符号?

最佳答案

你可以使用 li:before{ content:"....";} 来制作箭头?像这样:

<ul>
    <li>Disaster</li>
    <ul>
        <li>stuff</li>
        <li>Stuff2</li>
    </ul>
</ul>

CSS:

ul ul li:before {

         content: "\2192 \0020";
}
ul ul {
    list-style: none;
}

在这个 fiddle 上查看它的功能:http://jsfiddle.net/f9AzK/

关于css - 如何在 html 中创建带有子箭头的无序列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21194633/

相关文章:

jquery - div 的 CSS 叠加层

html - 如果未解析的路径不同,浏览器是否会删除重复的 HTML 导入?

Wordpress - $wpdb->insert - MySQL NOW()

html - li 元素在 2 列列表中的位置

css - 防止前一个 div 调整大小时 div 向下移动

javascript - @media 查询适用于桌面浏览器,不适用于移动浏览器

jquery - 样式选择元素

javascript - 如何在 bootstrap multiselect(Knockout 绑定(bind))中实现 optgroups

wordpress - 如何在 WordPress 中回调 API EndPoint 后重定向用户?

wordpress - 古腾堡 block 验证失败(不期待 child )