Zurb Foundation Print Styles - Cách tắt url xuất hiện bên cạnh neo khi in?

Question

Khi tôi in trang của mình, URL thực sự xuất hiện bên cạnh mỗi thẻ liên kết, trông rất kỳ lạ trong đường dẫn hoặc liên kết chân trang. Cách thích hợp để vô hiệu hóa hành vi này khi sử dụng Zurb Foundation 5 là gì? Ngoài ra, nếu có một kiểu CSS tôi có thể sử dụng để ghi đè hành vi này, điều đó cũng sẽ tuyệt vời.

Bạn có thể xem mô tả về các hành vi trong tài liệu hướng dẫn của họ vào đây: http://foundation.zurb.com/docs/components/typography.html#print-styles

Answer 1

Đó là do yếu tố giả được thêm vào thuộc tính selectors; có thể là một cái gì đó như thế này:

a[href*="/"]:after, a[href*="/"]:visited:after {content: "("attr(href)")";} 

Bạn có thể ghi đè lên điều này bằng cách đặt lại nội dung của phần tử giả.

Hãy thử thêm dòng sau vào một stylesheet in:

a[href*="/"]:after, a[href*="/"]:visited:after {content: normal;} 

Answer 2

Trong thành phần Loại Zurb Foundation 5, các URL không được hiển thị cho hình ảnh hoặc JavaScript liên kết nội bộ, hay chính xác hơn by looking at the source nó reset nội dung để một chuỗi rỗng.

.ir a:after, 
a[href^="javascript:"]:after, 
a[href^="#"]:after { 
    content: ""; 
} 

Vì vậy, bạn có thể làm tương tự cho tất cả các liên kết

a[href]:after { 
    content: ""; 
}