HTML Selector

Create your HTML with the power of CSS selectors.

Selector HTML

Examples Click a selector to use it

Children >: ul > li; ul > li > a
Siblings +: form > input + textarea; div > ul + ol > li
IDs #: ul#wishlist
Classes .: ul.list; ul.list.favorites
Attributes []: input[required]; input[value="My Value"]; input[value="My Value"]; input[value=abc123]
Remove Default Attribute !: a[!href]
Multiples *: ul > li*3
Text Nodes "": div > "This is my text"; 'My List:' + ul
Groups (): (ul > li) + (form > input); dl > (dt + dd) * 3
Pseudo Selectors :: a:new; input:checkbox; input:radio; meta:utf; meta:ie