Shulou(Shulou.com)06/01 Report--

Editor to share with you what the priority of the css selector is, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's learn about it!

Selector priority from high to low is:! important > inline style written on element tags as style attributes > id selector > class selector > pseudo class selector > attribute selector > tag selector > wildcard selector (* should be used less) > browser customization

When comparing multiple CSS selector priorities of the same level, the location they define will determine everything. The following is to divide the CSS priority from high to low into six levels: 1. The CSS defined in the tag has the highest priority. 2. The second priority attribute is defined by the @ import incoming stylesheet located in the tag. 3. The third-level priority attribute is defined by the stylesheet introduced by the tag. 4. The fourth-level priority attribute is defined by the @ import import stylesheet in the stylesheet introduced by the tag. 5. The fifth priority style is set by the user. 6. the lowest priority is defaulted by the browser.

Use the scene:

Class usage scenarios: tags that require certain styles are placed in the same class, and tags that require this style can be added again. (class cannot be called by the GetElementByID function in javascript)

Id usage scenarios: 1. Get the tag object quickly according to the unique id number provided, such as document.getElementById (id); 2. The value used to act as the for attribute of the label tag: example: user name: indicates that when the label tag is clicked, the id gains focus for the userid tag

The above is all the content of the article "what is the priority of css selector?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.