CSS plus(+) selector in Wordpress

Question

I'm trying to add a dropcap in my Wordpress site, to the first letter of the first paragraph following the H1. I'm using a selector as follows:

h1 + p:first-letter {
font-family:Almendra;
font-size:300%;
etc...
}

Nothing is being selected. If I remove the h1 +, every paragraph's first letter is selected.

What am I doing wrong?

The + is for adjacent sibblings. The h1 and p are not sibblings, the h1 and the div (p's parent) are sibblings. — cimmanon
– cimmanon, Commented Nov 13, 2012 at 22:11

Patrick Moore · Accepted Answer · 2012-11-13 21:59:17Z

1

The elements are too far apart. Need to either put them in the same parent, or use their containers... this might get you closer:

header h1 + div.entry-meta p:first-letter {
    font-size: 300%;
    /* etc... */
}

answered Nov 13, 2012 at 21:59

Patrick Moore

13.4k5 gold badges41 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1