Ý nghĩ của việc sử dụng before, after là gì?
- Mục đích ban đầu của before after là dùng để thêm 'content'.
- Và chỉ khi property content: '' của before, after được thiết lập thì nó mới xuất hiện. (được gọi ra)
Vậy, để gọi nó ra thì lúc nào cũng phải có content: '';
- Và display mặc định của nó là inline (hình như dậy) mà kệ. inline hay cái gì cũng không quan trọng, vì mình sẽ set nó về table, còn tại sao mình thích display: table; cho nó khi dùng clear: both; thì tại vì table nó sẽ ôm sát vô nội dung hết. mà cái này làm gì có nội dung gì :v cho nên.... chúng ta được 1 cái ... kiểu kiểu như là div có height: 0px width: 0px vậy đó ^^
Sở dĩ có : và :: là để phân biệt giữa pseudo class và pseudo element, dành cho những người thích sự chặt chẽ.
ví dụ:
li:first-child là pseudo class, vì nó ko thêm vào phần tử nào cả mà chỉ bổ nghĩa cho li
div::after là pseudo element vì nó thêm 1 phần tử ảo vào đằng sau div, IE8 chưa hỗ trợ ::
Không có nhận xét nào:
Đăng nhận xét