Heizer: Pseudoformate kombinieren

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

  1. 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

    1. 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

      1. 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

        1. hi

          Also keine Chance?

          so, wie du dir das überlegt hast, also den ersten Buchstaben eines <a> anzusprechen, nicht.

          Grüße aus Bleckede

          Kai