Detailed explanation of CSS3 attribute selector and practical development of Shuangseqiu_html/css_WEB-ITnose

In the previous chapters, we learned that you can use inline styles, ID selectors, class selectors, and tag selectors to apply styles to an element.

If we want to apply styles to elements that all define a certain attribute, what should we do at this time?

In this section, I will use Double Color Ball Case and Document Type Tip Icon Case to introduce and apply attribute selectors.

Double-color ball case:

As we all know, there are 7 balls in double-color ball, 6 red balls and 1 blue ball. First, we define 7 span tags on the page:

01020304050607

< ;head>

.balls span{

margin-left:0.8em;

}

010203050607