Định nghĩa và sử dụng “:focus” thành phần sẽ focus khi được chọn. Cấu trúc tag:focus { property: value; } Ví dụ Html viết: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <html> <head></head> <body> <form action=”#” name=”focusForm”> <p><input type=”text” /></p> </form> </body> </html> Hiển thị trình duyệt khi chưa có CSS: CSS viết: input:focus […]

Định nghĩa và sử dụng “:first-line” chọn dòng đầu tiên của một thành phần. Cấu trúc tag:first-line { property: value; } Ví dụ Html viết: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <html> <head></head> <body> <div> <p>Đây là dòng nội dung dài được dùng để sử dụng ví dụ cho selector :first-line do Học […]

Định nghĩa và sử dụng “:first-letter” chọn ký tự đầu tiên của một thành phần. Cấu trúc tag:first-letter { property: value; } Ví dụ Html viết: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <html> <head></head> <body> <div> <p>Đây là tag con đầu tiên của tag div.</p> <p>Đây là tag con thứ hai của tag […]

Định nghĩa và sử dụng “:first-child” chọn thành phần đầu tiên của thành phần cha chứa nó. Cấu trúc tag:first-child { property: value; } Ví dụ Html viết: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <html> <head></head> <body> <div> <p>Đây là tag con đầu tiên của tag div.</p> <p>Đây là tag con thứ hai […]

Định nghĩa và sử dụng “:before” thêm nội dung ngay phía trước thành phần. Cấu trúc tag:before { property : value; } Ví dụ Html viết: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <html><head> </head> <body> <p> – kiến thức nhỏ cho web hiện đại.</p> </div> </body> </html> Hiển thị trình duyệt khi chưa […]

Định nghĩa và sử dụng “:after” thêm nội dung ngay phía sau thành phần. Cấu trúc tag:after { property : value; } Ví dụ Html viết: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <html><head> </head> <body> <p>Học HTML – CSS</p> </div> </body> </html> Hiển thị trình duyệt khi chưa có CSS: Học HTML – […]

Định nghĩa và sử dụng “:active” chọn các liên kết được kích hoạt. Cấu trúc a:active { property : value; } Ví dụ Html viết: <html> <head></head> <body> <p><a href=”#”>Học HTML – CSS</a></p> <p><a href=”#”>Google</a></p> <p><a href=”#”>vnexpress</a></p> </body> </html> Hiển thị trình duyệt khi chưa có CSS: Học HTML – CSS Google vnexpress CSS viết: […]

Định nghĩa và sử dụng “#tênid” chọn tất cả các thành phần có cùng tên id. Cấu trúc tag#tênid { property: value; } Hoặc: #tênid { property: value; } Ví dụ Html viết: <html> <head></head> <body> <p id=”tenId”>Học HTML – CSS</p> </body> </html> Hiển thị trình duyệt khi chưa có CSS: Học HTML – CSS […]

Định nghĩa và sử dụng “.tênclass” chọn tất cả các thành phần có cùng tên class. Cấu trúc tag.tênclass { property: value; } Hoặc: .tênclass { property: value; } Ví dụ Html viết: <html> <head></head> <body> <p class=”tenClass”>Học HTML – CSS</p> </body> </html> Hiển thị trình duyệt khi chưa có CSS: Học HTML – CSS […]

Định nghĩa và sử dụng “tag01>tag02” chọn tất cả thành phần <tag02> có thành phần cha là <tag01>. Cấu trúc tag01>tag02 { property : value; } Trong đó: tag01, tag02 là thành phần HTML/XHTML. property là những thuộc tính CSS value là giá trị của các thuộc tính CSS. Khi sử dụng cấu trúc trên trình […]

Định nghĩa và sử dụng “tag01+tag02” chọn tất cả thành phần <tag02> được đặt kế và sau thành phần <tag01>. Cấu trúc tag01+tag02 { property : value; } Trong đó: tag01, tag02 là thành phần HTML/XHTML. property là những thuộc tính CSS value là giá trị của các thuộc tính CSS. Khi sử dụng cấu trúc […]

Định nghĩa và sử dụng “tag01, tag02” chọn tất cả thành phần <tag01> và <tag02>. Cấu trúc tag01, tag02 { property : value; } Trong đó: tag01, tag02 là thành phần HTML/XHTML. property là những thuộc tính CSS value là giá trị của các thuộc tính CSS. Khi sử dụng cấu trúc trên trình duyệt sẽ […]