About the parsing of CSS property selectors

Here is a comprehensive understanding of CSS property Selector. Content is very good, now share to everyone, but also for everyone to make a reference.

1.[class~= "Flower"]: Select the class with Flower

class= "Flower ss" class= "SS Flower"

2.[class|= ' top ': Select the class that starts with top to have '-' connected or separate top

class= "Top-ss" class= "Top" class= "Top-ss"//Selected

3.[class^= "Top"]: Select the top to start with any special symbols connected, the individual top can also

class= "Top-ss" class= "TOPSS"

4.[class$= "Top"]: Select the class that ends with top, and the individual top is OK

class= "Mytop" class= "My-top" class= "Top"

5.[class*= ' TT ': Select a class with a TT two letter regardless of where it is located

class= "Sttd" class= "Ttee" class= "Eett"

6.[target=_blank]

A tag with the target =_blank selected

7.input[type= "button"]

The above is the whole content of this article, I hope that everyone's learning has helped, more relevant content please pay attention to topic.alibabacloud.com!