2016-11-16 212 views
0

使用CSS我想选择无说明,无第一胎= B,适用于锂填充,letf无标题 HTMLCSS选择标签

<ul> 
    <li><b>title</b>description</li> 
    <li><b>title</b>description</li> 
    <li>description without title</li> 
    <li><b>title</b>description</li> 
</ul> 

ul li:not[first-child=b] 

PS:我不能在一个类添加到不同的李

谢谢

+0

您可以为li标签设置margin-left:10px,然后设置margin-left:-10px for li> b:第一个孩子 –

+0

您是否在项目中使用引导程序?如果是的话,我有另一个更好的解决方案 – Aslam

+0

不,我讨厌bootstrap :-) –

回答

1

你不能使用根据目前的内容选择列表项目。然而,如果目标只是对无题HTML李应用padding-left,你可以按如下做到这一点:

ul { 
 
    list-style: none; 
 
    padding: 0; 
 
    margin: 0; 
 
} 
 

 
li { 
 
    padding-left: 20px; 
 
} 
 

 
li > b:first-child { 
 
    margin-left: -15px; 
 
}
<ul> 
 
    <li><b>title</b>description</li> 
 
    <li><b>title</b>description</li> 
 
    <li>description without title</li> 
 
    <li><b>title</b>description</li> 
 
</ul>

+0

得益于它完美地工作 最佳答案 –

+0

@ ErickBoileau欢迎您) –

+0

@ErickBoileau请接受解决您的问题的最佳答案...以便其他人可以从中获得帮助以及... –

1

这是不可能的CSS由于方式浏览器匹配选择 - 你不能用的东西,是它里面选择元素......但是,它可能会在未来

+0

谢谢 此功能是否真的缺失 –

+0

downvote的任何理由? – pwolaq

+0

downvote?我什么也没做,也肯定是最好的答案 我当然有点击箭头TNE转到页的顶部或底部:-) –

1

一种解决方法,如果它可以帮助反正:

ul{ 
    padding-left:5px; 
} 
li > b{ 
    margin-left:-5px; 
} 
+0

,谢谢它的运作 –

+0

解决了谢谢 –