html - 如何只给 css 第一个标签跨度？

Question

<p>
 //span 1
 <span>Profile<br>
   <span>My Name :<br><span class="span-bold">Chinu</span></span>
   <span>Address :<br><span class="span-bold">BBSR</span><br><span>CTC</span></span>
 </span>

 //span 2
 <span>Change Password<br>
     <span>aaaaa</span>
     <span>bbbbb<span>b1111</span></span>
 </span>

 //span 3
 <span>cccccc</span>
</p>

我的跨度很大。我怎样才能给填充按钮 10px 只有第一个标签跨度？

我试过这段代码:

p 跨度:父级 { 填充底部:10px；}

Answer 1

除了内部的所有跨度，像这样

p > span {
  display: block;        /*  with current markup, this is needed to break line  */
  padding-bottom: 30px;
}

p > span:before {
  content: '• ';
}

<p>
<span>Profile<br>
  <span>My Name :<br><span class="span-bold">Chinu</span></span>
  <span>Address :<br><span class="span-bold">BBSR</span><br><span>CTC</span></span>
</span>
<span>Change Password<br>
    <span>aaaaa</span>
    <span>bbbbb<span>b1111</span></span>
</span>
<span>fsfdfd</span>
</p>