css selectors - Confused by CSS pseudo-class :active -


i looking here @ css :active selector.

the :active selector styles links active pages

that got me thinking, heck 'active page' in html/css terminology...

at point went w3docs section : 5.11.3 dynamic pseudo-classes: :hover, :active, , :focus.

the :active pseudo-class applies while element being activated user. example, between times user presses mouse button , releases it.

so used 1 of w3shools try pages , hack example, substituting following code, can cut & paste , try. 

<html> <head> <style type="text/css"> :focus,:active { outline-offset: 10px; outline: solid; } </style> </head>  <body> <p>click links see background color become yellow:</p> <a href="http://www.w3schools.com">w3schools.com</a> <a href="http://www.wikipedia.org">wikipedia.org</a> <button type="button">click me!</button> <form> <input type="text"/> </form> </body> </html>

the form field works :focus. button or links don't work :active.

why that? there 'active page' i'm not understanding w3schools talked about.

i saw nice tip when googling it, don't think it's related.

there no concept of "active page" in css. in fact, sitepoint reference debunks saying:

the pseudo-class not signify link active, or current, page—that’s common misconception among css beginners.

what spec says right: :active styles elements activated, e.g. clicked (as in example given) or in other way triggered such browser starts navigating link's target.

note doesn't apply <a> elements; may apply non-form-input element that's clicked. instance, can this:

p:active {     color: red; }

and paragraph click flash text red.

note exact definition , implementation left browser, in general, can rely on <a> elements having activated state.


Comments

Post a Comment

Popular posts from this blog

apache - Add omitted ? to URLs -

i working on website cms reads page name of query string, e.g. http://exmaple.com/?pagename . trying create rewrite rule rewrite ? . so, user types in /pagename , taken /?pagename try this: rewriteengine on rewritecond %{request_filename} !-d rewritecond %{request_filename} !-f rewriterule ^/?(.*) index.php?$1 [l]
Read more

redirect - bbPress Forum - rewrite to wwww.mysite prohibits login -

i using bbpress installation without wordpress integration. the redirect of rewriteengine @ forum site works: rewriteengine on rewritecond %{http_host} ^forum.mysite.com$ rewriterule (.*)$ http://www.forum.mysite.com/$1 [r=301,l] the problem login pppress. bbpress login not recognize: http://www.forum.mysite/bb-login.php . it redirects to: http://forum.mysite.com/bb-login.php . i tried permalink settings none , name based, same issue. does uses redirect in bbpress or how can eliminate "double" content , redirect permanently www.? i redirected www.forum.mysite.com forum.mysite.com , achieved eliminate "double" content.
Read more

php - How can I stop spam on my custom forum/blog? -

so have custom built forum & blog system of late has been dealing lot of spam. if wordpress use akismet, if different common platform i'm sure i'd find plugin. there kind of static class can download this? using php. i'd still go akismet, if it. uses outside of wordpress, may have pay fee it, depending on use -- check terms , conditions -- it's option , easy implement in php using api. use api key wordpress. com account access. basically, grab whichever php client library takes fancy -- use alex potsides' php5 library -- plug in key, , it's handful of lines of code. here's bare bones of validation straight 1 of live sites: ... if ($akismet) { $akismet->setcommentauthor($name); $akismet->setcommentauthoremail($session->userinfo["email"]); $akismet->setcommentauthorurl(""); $akismet->setcommentcontent($sentence);...
Read more