What does id selector mean in css3
This article is about what id selector means in css3. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.
In css, the id selector means that you can select the element with the specified id and set the style. The id selector is defined by "#" and the syntax is "# id {css style code;}"; the "# id" selector is a kind of css selector that allows you to specify the style in a way independent of the document element.
The operating environment of this tutorial: windows10 system, CSS3&&HTML5 version, Dell G3 computer.
The id selector can specify a specific style for HTML elements marked with a specific id.
The id selector is defined by "#". # id selector sets the style for elements with the specified id
The following two id selectors, the first one defines the color of the element as red, and the second defines the color of the element as green:
# red {color:red;} # green {color:green;}
In the following HTML code, the p element with the id attribute of red is shown in red, while the p element with the id attribute of green is shown in green.
This paragraph is red.
This paragraph is green.
Note: the id attribute can only appear once in each HTML document.
# id specifies the element with id.
Use # to select an element with an ID that contains a specific value. The name of the id value must follow # immediately. Id is usually unique in HTML documents.
The ID selector may be case sensitive. It depends on the language of the document. HTML and XHTML define the class and ID values as case-sensitive, so the case of the class and ID values must match the corresponding values in the document.
Examples are as follows:
# firstname {background-color:yellow;} Welcome to My HomepageMy name is Donald.
I live in Duckburg.
My best friend is Mickey.
Output result:
Thank you for reading! This is the end of the article on "what does the id selector in css3 mean?". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!
