2016-11-16 127 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

解決了謝謝 –