| Attribute |
TagName[Attribute='Value'] |
input[id='email'] |
| Wildcard |
*[Attribute='Value'] |
*[id='email'] |
| Index |
TagName[Attribute='Value']:nth-child(n) |
input[type='text']:nth-child(6) |
| Contains |
tagname[Attribute*='Value'] |
input[placeholder*='First'] |
| Start with |
tagname[Attribute^='Value'] |
input[placeholder^='First'] |
| End with |
tagname[Attribute$='Value'] |
input[placeholder$='name'] |
| Multiple attribute |
TagName[Attribute1='Value1'][Attribute2='Value2'] |
input[id='email'][placeholder='Email'] |
| Id |
#id |
#email |
| Class |
.class |
.email-form |
| Multiple class |
.class1.class2 |
.form-control.email-form |
| Element |
element |
input |
| Element and Class |
element.class |
input.email-form |
| Next sibling |
element + element |
input[id="checkbox"] + label |
| Child |
element element |
div input |
| Direct child |
element > element |
div > input |