E
Những element có tên là E. Chẳng hạn như p, span, div
Type Selectors
1
E:link, E:visited
Dựa vào trạng thái của một link là đã được xem (:visited) hay chưa được xem (:link)
Pseudo-classes
1
E::first-line
Dòng đầu tiên của element E
Pseudo-element
1
E::first-letter
Chữ cái đầu tiên của element E
Pseudo-element
1
E.myclass
Những element có class là myclass
Class Selectors
1
E#myid
Những element có id là myid
Id Selectors
1
E F
Những element F là con cháu của element E
Descendant combinator
1
*
Tất cả element
Universal Selectors
2
E[foo]
Những element E có chứa attribute foo
Attribute Selectors
2
E[foo="bar"]
Những element E có attribute foo có giá trị là bar
Attribute Selectors
2
E[foo~="bar"]
Những element E có attribute foo, và foo là một chuỗi các từ ngăn cách bởi dấu space, và bar là một trong số đó
Attribute Selectors
2
E[foo|="en"]
Những element E có attribute foo, và foo có giá trị là một từ có chứa dấu -, và bắt đầu của từ đó là en. Ví dụ như <li lang="en-GB">Name</li>
Attribute Selectors
2
E:first-child
Element là con đầu tiên của bố của nó
Pseudo-classes
2
E:active, E:hover, E:focus
Dựa trên những thao tác của người dùng, đó là di chuột lên (hover), là khoảng từ lúc click chuột đến lúc thả ra (active), hay lúc focus vào element (focus)
Pseudo-classes
2
E:lang(vn)
Những element có language là vn. Chú ý rằng một element có language là vn thì những element con của nó nếu không được khai báo attribute lang thì cũng sẽ có language là vn. Chẳng hạn như <body lang=vn><p>Trần Đức Thắng</p></body> thì element p ở trên sẽ vẫn thoả mãn selector p:lang(vn).
Pseudo-classes
2
E::before
Phần content phía trước element E
Pseudo-elements
2
E::after
Phần content phía sau element E
Pseudo-elements
2
E > F
Element F là con của element E
Child combinator
2
E + F
Element F nằm ngay sau element E
Adjacent sibling combinator
2
