Home > Web Front-end > Front-end Q&A > What does css selector do?

What does css selector do?

藏色散人
Release: 2021-11-10 11:20:21
Original
5653 people have browsed it

The css selector is used to point to the tag that requires css action, so that the css style knows which tag it needs to go to; so if you want to use css to add styles to the elements in the html page, you need to use css selection selector, and css setting styles are controlled through css selectors.

What does css selector do?

The operating environment of this article: windows7 system, css3 version, DELL G3 computer

What is the role of the css selector?

The main function of css selector

Each css style consists of two parts, in the form: css selector {setting style}

css selector points to the object that needs to be styled. Setting the style is to set the style you need

The main function of css selector

If you want to use css To add styles to elements in an HTML page, you need to use css selectors. CSS settings are controlled through css selectors.

The css selector is used to point to the tag that requires css action, so that the css style knows which tag it needs to go to.

CSS selectors are divided into two categories: basic selectors and extended (advanced) selectors.

Basic selector:

  • Tag selector: For a type of tag

  • ID selection Selector: Use

  • for a specific tag Class selector: Use

  • Universal selector (wildcard) for all tags you want ): Applicable to all tags (not recommended)

Advanced selector:

  • Descendant selector : separated by spaces

  • Intersection selector: separated by .

  • Union selector (grouped selector): separated by comma Open

  • pseudo-class selector

Related recommendations: "What types of css style sheets are there? What is selector priority?

Video recommendation:《css video tutorial

The above is the detailed content of What does css selector do?. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
css
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template