it's not each day you run into a stable bug in webkit,
Microsoft Office Ultimate 2007, which it looks to me leads the pack in high quality assistance of css. alexander futekov emailed to let me learn about this one particular,
Office 2007 Serial, which in some way we have in no way personally encounter.
the issue is utilizing adjacent (+) or general (~) sibling selectors coupled with pseudo courses. like this:
h1 ~ p color: black;
h1:hover ~ p color: red;
nothing incorrect with that, appropriate? looks quite straightforward. that just doesn't operate in webkit, nothing at all happens. there are lots of weird quirks that can impact it and seemingly correct aspects of it. like this:
/* this influences each paragraphs */
h1 ~ p font: 18px helvetica, arial, sans-serif; /* this operates */
h1:hover + p color: red; /* this only affects very first
... and does nothing at all with out preceding rule */
h1:hover ~ p color: blue;
i did not test every single one, but there are apparently troubles with all of the pseudo selectors (:emphasis,
Windows 7 Home Premium Key, :hover,
Office Professional 2010, :checked, :enabled, and many others)
a css only correct!
alexander also sent a clever css only correct to the situation. use a do-nothing animation about the entire body:
body -webkit-animation: bugfix infinite 1s;
@-webkit-keyframes bugfix { from padding: 0; to padding: 0; }
webkit-only correct to a webkit-only issue.
well documented
this is certainly not the very first report of this. here are a few bug reviews:
bugs.webkit.org/show_bug.cgi?id=12520bugs.webkit.org/show_bug.cgi?id=17680bugs.webkit.org/show_bug.cgi?id=18026bugs.webkit.org/show_bug.cgi?id=18027bugs.webkit.org/show_bug.cgi?id=26539bugs.webkit.org/show_bug.cgi?id=29029bugs.webkit.org/show_bug.cgi?id=32695bugs.webkit.org/show_bug.cgi?id=45168
and other publications which mention the issue:
showing and hiding content material with pure css3,
Office 2010 Professional, in the caring for the elderly sectioncss3 :goal centered interfaces in the problems with spiders and reptiles sectiondev.opera.com/forums/topic/600712 - a brief dialogue of the bugpure css collapsible tree menu within the "another demo, yet another bug" sectionbreadcrumbs (& css3 basic sibling selector) in the "caveats" sectioncss3 - almost a good idea but for safari and chrome of all browsers, where the webkit browsers are heavily criticized for the bugwebkit bug: hover and sibling selector, an article about the bug featuring a couple of potential fixes.safari css :hover and adjacent sibling selector bug - yet another blog post about the issuesafari bug report: hover with adjacent selector doesn't operate, the quirksmode take about the problem. preceding blog post: « the new bulletproof @font-face syntax