ERROR: Couldn't get my CSS right, completely unrelated to dynamic content! The answer provided is quite enlightening though!
I am generating tags and adding content with the help of handlebars:
Here's the Handlebars code snippet:
{{#each docs}}
<article class="first">
<p class="date">
{{@date}} {{date}}
</p>
<h4 class="header">{{@venue.title}} {{venue.title}}
- {{@venue.city}} {{venue.city}}</h4>
<p class="details">
{{@description}} {{description}}
</p>
</article>
{{/each}}
While listing only articles, the styling works fine; however, when dynamically generated by handlebars, it doesn't apply.
This is the CSS snippet in question:
div.gig-items{
article: nth-of-type(n +2);
height: 0;
padding: 0;
}
Are there any suggestions on how to create the content first and then apply CSS or another more elegant solution perhaps?