Ivan Teoh

Yesterday I did a silly mistake. I misunderstand CSS Comma Syntax. This is the original edited code.

93
94
95

div.entry-content h4, h5, h6, p {
	margin-bottom: 5px;
}

I looked at it carefully and debugged using Firebug. I mentioned the div class, entry-content, for the paragraph. Why it is still affecting the header paragraph? After I split the CSS code, I understand it clearer.

93
94
95
96
97
98
99
100
101

div.entry-content h4 {
	margin-bottom: 5px;
h5 {
	margin-bottom: 5px;
h6 {
	margin-bottom: 5px;
p {
	margin-bottom: 5px;
}

The code below is the correct solution. I should mention the div class, entry-content, for every tags after the commas. So sometime, short cut syntax can cause more mistaken occurred.

93
94
95

div.entry-content h4, div.entry-content h5, div.entry-content h6, div.entry-content p {
	margin-bottom: 5px;
}

Related Posts

• Adding Space Between Paragraphs