Nested CSS classes - how do we do it?
Posted: Thu Mar 15, 2018 5:14 am
We have this kind of code to set the background colours of a Post in a Wordpress Blog.
But we want to make it easy to add more as they add more posts. But without adding all the other elements.
ie.
.postid-1315, .postid-4353...
So once they add a new post, I can pop in and just add another postid into the mix. but how?
But we want to make it easy to add more as they add more posts. But without adding all the other elements.
ie.
.postid-1315, .postid-4353...
So once they add a new post, I can pop in and just add another postid into the mix. but how?
Code: Select all
.postid-35126 #grve-main-content .grve-main-content-wrapper
{
background-color: #000000;
}
.postid-35126 #grve-main-content .grve-main-content-wrapper a:hover
{
color: #e8e8e8;
}
.postid-35126 #grve-single-post-meta-bar
{
background-color: #000000;
display: none;
}
.postid-35126 #grve-post-breadcrumbs
{
background-color: #000000;
border-bottom: 1px solid #333333;
border-top: 1px solid #333333;
}
.postid-35126 #grve-post-breadcrumbs a:hover
{
color: #ffffff;
}
.postid-1315 #grve-main-content .grve-main-content-wrapper
{
background-color: #000000;
}
.postid-1315 #grve-main-content .grve-main-content-wrapper a:hover
{
color: #e8e8e8;
}
.postid-1315 #grve-single-post-meta-bar
{
background-color: #000000;
display: none;
}
.postid-1315 #grve-post-breadcrumbs
{
background-color: #000000;
border-bottom: 1px solid #333333;
border-top: 1px solid #333333;
}