Forum Moderators: not2easy

Message Too Old, No Replies

Safari problem with psudo-elements

Rendering problems with p:first-child:first-line

         

thegent

5:35 pm on Jul 20, 2009 (gmt 0)

10+ Year Member



Hello! This is my first post in several years, I'm getting back into web-development after a looooong break.

I'm having a problem with the following CSS in Safari 4.0.2, Mac.

#content p:first-child:first-line {
text-transform: uppercase;
}

It's not making the first line of the first paragraph uppercase. It works in Opera 10-beta 2, Firefox 3.5.1. But doesn’t do anything in Safari 4.
Safari will do color, font-size, font-weight, font-variant but not text-transform.

Is this a known issue with Safari? Is my CSS wrong? Are there any workarounds?

Thanks in advance, and I'm hapy to see WebmasterWorld is still going strong.

Salute!
The Gent

swa66

6:06 pm on Jul 20, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



:first-line has some extra restrictions, but text-transform is explicitly allowed in the standard, even used as an example.
[w3.org...]

It's a known safari bug, chrome (at least the chromium development build for mac) has it too.

thegent

7:00 pm on Jul 20, 2009 (gmt 0)

10+ Year Member



That's good to know, if not overly frustrating, :/

Thanks! I can stop banging my head on the desk now.