Sie könnten Attributselektoren verwenden, um *mailto:* Links herauszufiltern, indem Sie einen regulären Ausdruck verwenden, der mit href beginnend mit *http* übereinstimmt – siehe https://css-tricks.de/attribute-selectors/ Dies würde auch Links mit dem https-Protokoll einschließen.
So etwas wie das Folgende, aber fügen Sie **:after** an der richtigen Stelle ein.
@media print{
a[href^="http"] { /* do stuff */ }
}
Es ist im Allgemeinen nützlich, den Links, die so angezeigt werden sollen, eine Klasse zu geben – ich nenne sie normalerweise .external – damit *mailto:* Links und interne Links (*href="#foo"*) nicht im Druck erscheinen.
Übrigens sollten Sie nach der schließenden Klammer keinen Whitespace einfügen. Was ist, wenn sie direkt vor einem Satzzeichen steht!?
Zufällig: Wenn Sie aus irgendeinem Grund Links (mit einem entsprechenden ARIA-Rollenattribut) als Buttons oder Ähnliches verwenden, möchten Sie diese möglicherweise auch vom Drucken ihrer href ausschließen – so etwas wie
Gibt es eine Möglichkeit, die gesamte URL anzeigen zu lassen? Ich verstecke zum Beispiel alle Links in der Navigation, außer denen mit einer „current“-Klasse, und zeige die URL daneben als eine Art Breadcrumb in der Druckversion einer Seite an. Ich erhalte Seitentitel (/about-us), möchte aber Seitentitel (https://site.com/about-us) sehen. Ist das möglich?
Einfach fantastisch. Ein tolles Tutorial wäre alles über Druck-Stylesheets! Danke Chris!
Nun, Chris hat bereits ein Video-Tutorial zu Print-Stylesheets, das ziemlich gut ist.
Eine Demo wäre hier viel praktischer gewesen!
Demo http://www.cssdesk.com/tZ6LY
Demo kann hier gefunden werden
http://jsfiddle.net/duemF/
Es ist auch möglich, den Link schwarz zu färben, indem man color: #000 hinzufügt, aber text-decoration: none; scheint nicht zu funktionieren.
Wenn Sie sich für die Browserunterstützung interessieren, sehen Sie sich die CSS-Tricks-Einträge für
Pseudo-Elemente (:after)
und
CSS-Inhaltseigenschaft
Ich nehme nicht an, dass irgendjemand eine gute Methode dafür kennt, aber > *„mailto:“* von ausgewählten Links ausschließt?
Sie könnten Attributselektoren verwenden, um *mailto:* Links herauszufiltern, indem Sie einen regulären Ausdruck verwenden, der mit href beginnend mit *http* übereinstimmt – siehe https://css-tricks.de/attribute-selectors/ Dies würde auch Links mit dem https-Protokoll einschließen.
So etwas wie das Folgende, aber fügen Sie **:after** an der richtigen Stelle ein.
Es ist im Allgemeinen nützlich, den Links, die so angezeigt werden sollen, eine Klasse zu geben – ich nenne sie normalerweise
.external– damit *mailto:* Links und interne Links (*href="#foo"*) nicht im Druck erscheinen.Übrigens sollten Sie nach der schließenden Klammer keinen Whitespace einfügen. Was ist, wenn sie direkt vor einem Satzzeichen steht!?
Zufällig: Wenn Sie aus irgendeinem Grund Links (mit einem entsprechenden ARIA-Rollenattribut) als Buttons oder Ähnliches verwenden, möchten Sie diese möglicherweise auch vom Drucken ihrer href ausschließen – so etwas wie
a[href]:not([role]):after,
a[href][role=”link”]:after { content:” (” attr(href) “) “; }
Genial. Genau das, was ich gesucht habe, und ich habe es auf einer meiner Lieblingsseiten gefunden.
Das ist genial!
Gibt es eine Möglichkeit, die gesamte URL anzeigen zu lassen? Ich verstecke zum Beispiel alle Links in der Navigation, außer denen mit einer „current“-Klasse, und zeige die URL daneben als eine Art Breadcrumb in der Druckversion einer Seite an. Ich erhalte
Seitentitel (/about-us), möchte aberSeitentitel (https://site.com/about-us)sehen. Ist das möglich?Sie könnten die TLD zur
content-Eigenschaft hinzufügenDas funktioniert natürlich nur, solange die Domain überall konsistent ist.