2013-07-15

BlackBerry Tablet Browser Sucks: CSS rel attribute match support

amazing, in this day of age, the BlackBerry tablet doesn't support this CSS:

a[rel="next"]:before {content:"▶ ";font-size:2ex}
a[rel="up"]:before {content:"▲ ";font-size:2ex}
a[rel="previous"]:before {content:"◀ ";font-size:2ex}

the CSS above is supposed to match navigation links such as this:

<a rel="previous" href="a.html">a</a>
<a rel="up" href="b.html">b</a>
<a rel="next" href="c.html">c</a>

It should marke each nav link with a proper Unicode triangle, like this:

css nav link rel screenshot 2013-07-15
nav bar screenshot

but in BlackBerry, all links are marked with ◀.

test here: Blackberry Tablet Rel Next Link Css Test

〔☛ CSS 2.1 & CSS 3 Selector Syntax

The browser on BlackBerry's user agent string is:

Mozilla/5.0 (PlayBook; U; RIM Tablet OS 2.1.0; en-US) AppleWebKit/536.2+ (KHTML, like Gecko) Version/7.2.1.0 Safari/536.2+