在wordpress导航中，以第一个和最后一个li标签样式为目标

Posted 2021-02-26

Use javascript to add a class of last onto the first and the last li tags in the navigation (add to global.js). Then use css to style. For instance, if the first li is home, you can set the css to hide this link (if you want the logo to act as your home link instead). You may have a background pattern that you want to turn off on your last li tag, you can set the css background to none in this case.

// Add to global.js:
 
// Add class of last to the last li tag (in the top navigation)
$('#header li:last').addClass('last');
// Add class of first to the first li tag (in the top navigation)
$('#header li:first').addClass('first');
 
 
// Add to CSS:
 
#header li.first 
{
	display: none;
}
 
#header li.last 
{
	background: none;
	padding-right: 0;
}