You can’t force a certain pseudo-class to apply using jQuery. That’s not how pseudo-classes (especially dynamic pseudo-classes) work, since they’re designed to select based on information that cannot be expressed via the DOM (spec). You have to specify another class to use, then add that class using jQuery instead. Something like this: .element_class_name:hover, .element_class_name.jqhover { … Read more
:focus and :active are two different states. :focus represents the state when the element is currently selected to receive input and :active represents the state when the element is currently being activated by the user. For example let’s say we have a <button>. The <button> will not have any state to begin with. It just … Read more
There is no :blur pseudo-class in CSS. The dynamic pseudo-classes, like other pseudo-classes and in fact all other selectors, represent states; they do not represent events or transitions between states in terms of the document tree. To wit: the :focus pseudo-class represents an element that is in focus; it does not represent an element that … Read more
<body ontouchstart=””> … </body> Applied just once, as opposed to every button element seemed to fix all buttons on the page. Alternatively you could use this small JS library called ‘Fastclick‘. It speed up click events on touch devices and takes care of this issue too.
The CSS 3 selector recommendation is pretty clear about both, but I’ll try to show the differences anyway. Pseudo-classes Official description The pseudo-class concept is introduced to permit selection based on information that lies outside of the document tree or that cannot be expressed using the other simple selectors. A pseudo-class always consists of a … Read more
the :checked pseudo-class initially applies to such elements that have the HTML4 selected and checked attributes Source: w3.org So, this CSS works, although styling the color is not possible in every browser: option:checked { color: red; } An example of this in action, hiding the currently selected item from the drop down list. option:checked { … Read more
You can’t style a pseudo-class on a particular element alone, in the same way that you can’t have a pseudo-class in an inline style=”…” attribute (as there is no selector). You can do it by altering the stylesheet, for example by adding the rule: #elid:hover { background: red; } assuming each element you want to … Read more
This depends on what you’re actually trying to do. If you simply wish to apply styles to a :before pseudo-element when the a element matches a pseudo-class, you need to write a:hover:before or a:visited:before instead. Notice the pseudo-element comes after the pseudo-class (and in fact, at the very end of the entire selector). Notice also … Read more
CSS2.1 states: The selector (see also the section on selectors) consists of everything up to (but not including) the first left curly brace ({). A selector always goes together with a declaration block. When a user agent cannot parse the selector (i.e., it is not valid CSS 2.1), it must ignore the selector and the … Read more
Unfortunately, there is no way (at least none I know of) to select nth-of-type of a class, since nth-of-class doesnt exist. You will probably have to add a new class to every third .module manually.