问答详情
源自：12-10 我想脚下踩条线 - 使用border为盒子添加边框（二）

盒子模型单独设置边框

对于多个相同的块状元素，如何只对其中的某一个单独进行设置边框

如

p{？？？？？？？}

<ul>

      <p>aaaaa</p>

      <p>bbbbb</p>

      <p>ccccc</p>

</ul>

上述代码运行出来之后，只有aaaaaa有下边框，其余没有，该如何填写

提问者：慕田峪4217366 2017-12-20 11:50

个回答

  • 一只灵兽
    2017-12-20 12:16:30
    已采纳

    <style>

    .first{border-bottom:1px dashed red;}

    </style>

    <ul>

          <p  class="first">aaaaa</p>

          <p>bbbbb</p>

          <p>ccccc</p>

    </ul>

    利用.类选择器

    0
  • wu_cit
    2018-01-19 16:42:37

    还可以有伪类选择器的做法

    ul:first-child:p{border-bottom:1px dashed red;}


    0
  • 张鹏同学
    2018-01-14 13:38:57

    <style>

    .first{border-bottom:1px dashed red;}

    </style>

    <ul>

          <p  class="first">aaaaa</p>

          <p>bbbbb</p>

          <p>ccccc</p>

    </ul>

    <style>

    #first{border-bottom:1px dashed red;}

    </style>

    <ul>

          <p  id="first">aaaaa</p>

          <p>bbbbb</p>

          <p>ccccc</p>

    </ul>

    <ul>

          <p  style="border-bottom:1px dashed red;">aaaaa</p>

          <p>bbbbb</p>

          <p>ccccc</p>

    </ul>



    0
  • 精慕门4095977
    2017-12-20 12:21:37

    111


    0