Oxirgi yashirish uchun | CSS bilanmi?

Menda HTML ul li mavjud:


bu kabi chiqdi

Title 1 | Title 2 | Title 3 | 

So throught CSS I want to hide last |. I tried this but it is hidding all the |

#menu-footer-menu .f_sep:last-child{display:none}

Men shunga o'xshash yakuniy chiqishni xohlayman

Title 1 | Title 2 | Title 3  

Iltimos, diqqat qiling: mening savolim

0
# menyu-footer-menu li: so'nggi-bola
qo'shib qo'ydi muallif Alfin Paul, manba
@marmeladze: iltimos, Iltimos, diqqat qiling bo'limini o'qing. Umid qilamanki bu mantiqan.
qo'shib qo'ydi muallif Promit, manba

6 javoblar

#menu-footer-menu li:last-child .f_sep{
  display: none;
}
2
qo'shib qo'ydi

Ushbu CSS-dan foydalaning

#menu-footer-menu li:last-child .f_sep{display:none}
2
qo'shib qo'ydi

Siz unga yaqinsiz. Faqat Li elementlari bilan boring.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

li:last-child span{
  display:none;
  }


</div> </div>

1
qo'shib qo'ydi

Buni sinashingiz mumkin:

ul li:last-child span {
  display: none;
}
1
qo'shib qo'ydi

Bundan ham yaxshiroq semantik belgilaridan foydalaning va kvadrat bilan dividerni ko'rsating

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

#menu-footer-menu{list-style:none; padding:0;}

#menu-footer-menu li {display:inline-block;}

#menu-footer-menu li:not(:last-child):after
{
  content: "|";  
}


</div> </div>

Buning afzalligi shundaki, siz faqat CSS-dan ajratuvchini o'zgartirishingiz mumkin

1
qo'shib qo'ydi
Buni qila olmayman, chunki plagin bu kodni ishlab chiqaradi, shuning uchun uni faqat CSS orqali olib tashlashim kerak; Lekin yordamingiz uchun rahmat. Agar men o'zim tomonidan ul li ni yaratmoqchi bo'lsam, ushbu yondashuvdan foydalanaman.
qo'shib qo'ydi muallif Promit, manba

Siz noto'g'ri qilyapsiz. Mana to'g'ri javob:

#menu-footer-menu li:last-child .f_sep{ display:none }
1
qo'shib qo'ydi