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

This article mainly explains "what are the basic selector of HTML". The content of the explanation 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 the basic selector of HTML is.

Element selector: matches the element by the node name. Syntax: element {style declaration}

Class selector: matches the element based on the content in its class attribute. Grammar:. Class name {style declaration}

ID selector: matches the element based on the contents of the element's ID attribute. Syntax: # id attribute value {style declaration}

Wildcard selector (*): matches any type of HTML element. (low performance, not recommended)

Attribute selector: matches an element by an existing attribute name or value.

[attr]

Represents an element with an attribute named after attr.

[attr=value]

Represents an element with an attribute named after attr with an attribute value of value.

[attr | = value]

Represents an element with an attribute named attr, with an attribute value of "value" or a prefix of "value-".

[attr^ = value]

Represents an element with an attribute named after attr and whose value begins with value.

[attr$=value]

Represents an element with an attribute named after attr and whose value ends in value.

[attr*=value]

Represents an element with an attribute named after attr and whose value contains value.

[attr operator value i]

By adding a letter I (or I) separated by a space before the right bracket of the property selector, you can ignore case when matching property values (letters within the range of ASCII characters are supported).

Thank you for your reading, the above is the content of "HTML basic selector", after the study of this article, I believe you have a deeper understanding of what HTML basic selector has, and the specific use needs to be verified in practice. 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.