Shulou(Shulou.com)05/31 Report--

This article mainly explains "what is the main difference between class and id in CSS". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "what is the main difference between class and id in CSS".

Id and class attributes are two common properties in a web page, and they work together to make the whole page rich and colorful. When we define a style for an element. You can use either id or class. But we should also pay attention to the difference between the two.

Several main differences between class and id in CSS:

First, the prefix is different. When writing in a CSS file, id is prefixed with "#"; class is prefixed with "."

Second, the quantity is different. There can be only one id for the same tag, but there can be multiple Class (for example: div id= "div1", indicating that the ID of the div is div1,Class: div1, div2, div3, respectively)

Third, the nature is different. Id is a tag that distinguishes between different structures and contents, just like our names. Class is a style that can be attached to any structure or content, just like a piece of clothing.

Fourth, the priority is different. If both the id of a tag and the css,id of class define css over class (: # div {font-size:14px;} .div {font-size:12px;}; then its font size is 14px)

ID is often used for JavaScript control, and class is rarely used.

What are the selectors of css? css selectors can be divided into three categories, namely, id selector, class selector and tag selector. There can be many combinations between them, such as descendant selector, sub-selector, pseudo-class selector, general selector, group selector, and so on.

Thank you for your reading, the above is the content of "what is the main difference between class and id in CSS". After the study of this article, I believe you have a deeper understanding of what is the main difference between class and id in CSS. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

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.