Pseudoformate kombinieren
Heizer
- css
0 AndreasW0 Kai Lahmann0 Heizer
Liebes Forum
Ich verwende auf meiner Homepage das CSS Pseudoformat :first-letter, was zu einem schönen Effekt führt. Das Problem ist nun aber, daß teilweise das erste Wort eines solchen Absatzes ein Link ist, und die Formatierung des ersten Buchstaben versdchwindet, wenn man in Mozilla mit der Maus auf den Link zeigt. Der Effekt ist (durch den großen Initialbuchstaben, der verschwindet) daß der Link sich "unter der Maus wegzieht". Sehr nervig.
Ich hatte also die Idee, eine spezielle CSS-Class für Links zu schaffen, die unter die :first-letter Eingenschaft falen. Entweder so, daß der :first-letter auch im a:hover steht (und zu hoffen, daß er dann da bleibt) oder zu verhindern, daß bei Links überhaupt der :first-letter benutzt wird.
Leider komme ich nicht darauf, wie die Syntax aussehen muß, um dieses Element entsprechend anzusprechen, also der Teil von der {-Klammer im CSS. Kann mir da jemand weiterhelfen?
Danke
Heizer
Liebes Forum
Hi,
Ich hatte also die Idee, eine spezielle CSS-Class für Links zu schaffen, die unter die :first-letter Eingenschaft falen. Entweder so, daß der :first-letter auch im a:hover steht (und zu hoffen, daß er dann da bleibt) oder zu verhindern, daß bei Links überhaupt der :first-letter benutzt wird.
Leider komme ich nicht darauf, wie die Syntax aussehen muß, um dieses Element entsprechend anzusprechen, also der Teil von der {-Klammer im CSS. Kann mir da jemand weiterhelfen?
a:link:first-letter
a:hover:first-letter
usw.
http://www.w3.org/TR/REC-CSS2/selector.html#q2 sagt:
A simple selector is either a type selector or universal selector followed immediately by zero or more attribute selectors, ID selectors, or pseudo-classes, in any order.
...
One pseudo-element may be appended to the last simple selector in a chain, in which case the style information applies to a subpart of each subject.
:link, :hover usw. sind Pseudoklassen, :first-letter usw. sind Pseudo-Elemente (steht auf der gleichen Seite).
Danke
Heizer
Andreas
hi
a:link:first-letter
a:hover:first-letter
usw.
http://www.w3.org/TR/REC-CSS2/selector.html#q2 sagt:
gait nit.
Denn:
"The :first-letter pseudo-element matches parts of block-level elements only."
http://www.w3.org/TR/REC-CSS2/selector.html#x52
steht da auch.
Grüße aus Bleckede
Kai
hi
a:link:first-letter
a:hover:first-letter
usw.
http://www.w3.org/TR/REC-CSS2/selector.html#q2 sagt:
gait nit.
Denn:
"The :first-letter pseudo-element matches parts of block-level elements only."
http://www.w3.org/TR/REC-CSS2/selector.html#x52
steht da auch.
Also keine Chance?
Heizer
hi
Also keine Chance?
so, wie du dir das überlegt hast, also den ersten Buchstaben eines <a> anzusprechen, nicht.
Grüße aus Bleckede
Kai