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

This article introduces the knowledge of "how CSS uses class as a derivative selector". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

.fancy td {

Color: # f60

Background: # 666

}

In the above example, the table cells inside the larger element of the class named fancy display orange text with a gray background. (a larger element named fancy may be a table or a div.)

Elements can also be selected based on their classes:

Td.fancy {

Color: # f60

Background: # 666

}

In the above example, the table cell named fancy will be orange with a gray background.

You can assign the class fancy to any table element as many times as you like.

Cells marked with fancy will be orange with a gray background.

Cells that are not assigned a class named fancy are not affected by this rule.

It is also worth noting that paragraphs with class fancy will not be orange with a gray background, and of course, any other elements marked as fancy will not be affected by this rule.

This is all due to the way we write this rule, which is limited to table cells marked as fancy (that is, using the td element to select the fancy class).

That's all for "how CSS uses class as a derivation selector". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

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.