CSS3 Instance Tutorial: Hover, Active, and: Focus Pseudo-Selector

Source: Internet
Author: User
Tags definition

Article Introduction: CSS3 Instance Tutorial: Hover, Active, and: Focus pseudo selector.

CSS3 the Pseudo class selector is more, today we will learn the new pseudo class selector--ul state pseudo class selector. These selectors all have a common feature name that is the defined style only works when the element is in a certain state and is not valid by default.

Today we come to contact: hover, active and: Focus these three kinds of state pseudo class selector.


: hover selector,: Active selector and: Focus Selector
  : Hover selector: The style used when the mouse hovers over the specified element;
  : Active selector: the style to use when the specified element is active (the mouse is pressed on the element and not released);
  : Focus Selector: The style used when the element obtains the cursor focal point, used mainly in text boxes when entering text;
  "Note" the case run effect, the reason why immediately after the click to Green because of the active trigger while the focus also triggered, so the active definition of the style appears invalid, you can first focus on the definition of the style annotation off the run;









<TITLE>CSS3 Instance Tutorials: hover, active, and: Focus pseudo-selector-web teaching network webjx.com












  • Name:







  • Password:











Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.