redroot / holmes

Holmes is stand-alone diagnostic CSS stylesheet that can highlight potentially invalid or erroneous HTML(5) markup by adding one class
http://www.red-root.com/sandbox/holmes/index.html
698 stars 28 forks source link

I can get the :not selector to work #5

Closed mgifford closed 13 years ago

mgifford commented 13 years ago

After reading - http://webaim.org/blog/plague-of-outline-0/

Realized that there's an opportunity to search for this as well. I added this:

.holmes-debug a[outline="0], .holmes-debug a[outline="none"] { outline: 3px solid red; }

But although I could get the :not selector to work I couldn't seem to find an :is selector that would do the reverse. I must be missing something, but it seemed like a good addition.

mgifford commented 13 years ago

Hmm.. This outline idea may not fly. Not sure how useful this is likely to be as they wouldn't generally be applied to the html.

However, in reviewing a page it's useful to know which text has abbreviations defined, so I thought this could be useful: .holmes-debug abbr:not([title=""]) { outline: 1px solid green; }