Hi Guys-
I’m trying to style a list in CSS and set the third item in the list to a different background color, but I am unable to get the code to work. All of the items in my list are following the rules from the general one and cannot get the third item to show something different. I’m not sure what I’m doing wrong, so any ideas help!
Glide has a special scheme for naming these list item classes. It starts from the list title (which I don’t include here but Glide still renders it) as selected-item-list-item-1. Then it comes to your 3rd item, which will be numbered 4.
Please note that this will affect all inline lists you have on the screen. If you want to target a specific list, use nth-of-type. Our forum’s library detailed it here.
Thanks so much! I wasn’t sure if I was supposed to create a new thread since this technically was a different topic at the start of the thread. Thanks for clarifying.