Câu hỏi được gắn thẻ «pseudo-element»

CSS (Cascading Style Sheets) là ngôn ngữ biểu định kiểu biểu diễn được sử dụng để mô tả giao diện và định dạng của tài liệu HTML (Ngôn ngữ đánh dấu siêu văn bản), XML (Ngôn ngữ đánh dấu mở rộng) và các phần tử SVG bao gồm (nhưng không giới hạn) màu sắc, bố cục, phông chữ, và hình ảnh động. Nó cũng mô tả cách các phần tử nên được hiển thị trên màn hình, trên giấy, trong bài phát biểu hoặc trên các phương tiện khác.

20
Tôi có thể sử dụng phần tử: trước hoặc: sau phần tử giả trên trường nhập không?
Tôi đang cố gắng sử dụng :afterphần tử giả CSS trên một inputtrường, nhưng nó không hoạt động. Nếu tôi sử dụng nó với a span, nó hoạt động tốt. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Điều này hoạt động (đặt nụ cười sau "buu!" Và trước "một số …
8
CSS: not (: last-child): sau bộ chọn
Tôi có một danh sách các yếu tố, được tạo kiểu như thế này: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Chạy đoạn mãẨn kết quảMở rộng đoạn trích Đầu ra One | …
12
Tôi có thể thay đổi chiều cao của hình ảnh trong CSS: trước /: sau các phần tử giả không?
Giả sử tôi muốn trang trí liên kết đến các loại tệp nhất định bằng một hình ảnh. Tôi có thể tuyên bố các liên kết của tôi là <a href='foo.pdf' class='pdflink'>A File!</a> sau đó có CSS ​​như .pdflink:after { content: url('/images/pdf.png') } Bây giờ, điều này hoạt động rất …
3
Kết hợp: sau với: hover
Tôi muốn kết hợp :aftervới :hovertrong CSS (hoặc bất kỳ bộ chọn giả nào khác). Về cơ bản tôi có một danh sách và mục với selectedlớp có hình mũi tên được áp dụng :after. Tôi muốn điều tương tự cũng đúng với các đối tượng đang được di chuột …
2
: sau so với :: sau
Có sự khác biệt về chức năng nào giữa CSS 2.1 :aftervà ::afterbộ chọn giả CSS 3 (ngoài việc ::afterkhông được hỗ trợ trong các trình duyệt cũ hơn) không? Có bất kỳ lý do thực tế để sử dụng các đặc điểm kỹ thuật mới hơn?
6
Tôi có nên sử dụng ký hiệu dấu hai chấm đơn hoặc dấu hai chấm cho các phần tử giả không?
Vì IE7 và IE8 không hỗ trợ ký hiệu dấu hai chấm cho các phần tử giả (ví dụ ::afterhoặc ::first-letter) và vì các trình duyệt hiện đại hỗ trợ ký hiệu dấu hai chấm (ví dụ :after) để tương thích ngược, tôi có nên chỉ sử dụng ký hiệu …
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookie và Chính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.