Issue in CSS nth child and nth type of for class

Asked Mar 23 '15 at 07:51

Active Mar 23 '15 at 08:03

Viewed 30 times

My limitation is that I cannot update the HTML structure as we are using a cloud based platform for this. My code is here at fiddle:

http://jsfiddle.net/2RqmU/733/

.BreadCrumb.crumb-line.lia-breadcrumb.lia-component-common-widget-breadcrumb .lia-list-standard-inline .lia-link-navigation.crumb-category.lia-breadcrumb-category.lia-breadcrumb-forum:nth-of-type(2){
    display:none;
}

I need to hide the second link, i.e. About the Community in the breadcrumb. Classes are same, so I was using nth-child,but its not working.

edited Mar 23 '15 at 08:03

asked Mar 23 '15 at 07:51

Chanakya

I already checked that answer, but it still didn't work. – Chanakya Mar 23 '15 at 08:02
try this `.BreadCrumb.crumb-line.lia-breadcrumb.lia-component-common-widget-breadcrumb .lia-list-standard-inline li:nth-child(3) { display:none}` – UFFAN AHMED Mar 24 '15 at 13:06

Issue in CSS nth child and nth type of for class

0 Answers0