时间戳

首页 > 解决方案 > 如何只申请

  • CSS到页脚，没有别的？

    • html - 如何只申请
  • CSS到页脚，没有别的？

    • 问题描述

    在我的 CSS 中，我有我的liset display: inline;。我了解介于<li>和之间的任何内容都</li>将显示为内联。但是，我想要一些不是内联的列表元素。我尝试<div>在页脚周围创建一个并在display: inline;那里写，但出现了要点。我怎样才能保持我的页脚内联，但可以自由地控制我想要我的其余li元素是什么？

    HTML 

    <div id="footer">
   <p>
   <ul>
      <li><a href="index.html>Home</a></li>
      <li><a href="about.html>About</a></li>
      <li><a href="etc.html>Etc</a></li>
   </ul>
   </p>
</div>

    ...

    <p> Lorem ipsum dolor sit amet </p>
<ol>
     <li> consectetur adipiscing elit </li>
     <li> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua </li>
</ol>

    CSS

    li {
display: inline;
font-size: 1em;
margin-right: 10px;
}

#footer {
position: absolute;
bottom: 0;
height: 60px;
width: 100%;
text-align: center;
}

    我想创建一个非内联列表。我尝试将display: inline;部分移动到#footer但在页脚中有项目符号点。如何保持页脚的格式但仍创建非内联列表？

    标签： htmlcss

    解决方案

    您可以使用Descendant Combinator定义 CSS 选择器，由空格表示。如果您将选择器设置为A B，则括号内的样式将应用于B元素内的所有A元素。

    对你来说，你可以有如下的 CSS：

    #footer li {
display: inline;
font-size: 1em;
margin-right: 10px
}

#footer {
position: absolute;
bottom: 0;
height: 60px;
width: 100%;
text-align: center
}

    这样做是将样式应用于li具有 id 的元素内的任何元素#footer。

    更多关于选择器

    更多关于后代组合器的信息

    推荐阅读