Comprehensive analysis of CSS property selectors

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"//Not 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"]

Above this comprehensive understanding of CSS property Selector is a small part of the whole content to share to everyone, I hope to give you a reference, but also hope that we support topic.alibabacloud.com.