Nomisfur: fragen zu string für ein css

SELF-Forum

fragen zu string für ein css

Nomisfur
– Informationen zu den Bewertungsregeln

Hey Leute, ich bin sehr neu in der HTML-programmierung, eigentlich wurde ich durch mein Studium darauf gebracht.

Bis jetzt kam ich auch gut klar, aber nun haben wir eine Aufgabe die ich partu nicht lösen kann und hoffe auf Hilfe von den Profis.

Es geht darum, in einem CSS mit Vererbung und class zu üben, alles soweit ganz ok. Nun soll ich aber einen String abfragen. Genaue Aufgabenstellung: "Der Text bei a-Elementen, welche ein href-Attribut haben, dessen Wert den String hs-esslingen enthält, in roter Schrift und kursiv dargestellt wird."

Mein Code bis jetzt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">


<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="Labor 2 Aufgabe 1" />

    <title>Labor2 Aufgabe 1: Selektoren</title> 
    <style type="text/css">
        div {font-family:Arial;}                
        #spl {font-size:150%;}               
        [class="verweise"] {font-size:120%;}  
        div > a:link {text-decoration:none;}  
        
    
    </style>


</head>
<body>
    <div class="C1">
        <span id="spl" >
            Hochschulen in der <a href="http://www.region-stuttgart.de">
                Region
                Stuttgart
            </a>
        </span>
    </div>
        <br>

        <div class="verweise">

        <div>
            <a href="http://www.hs-esslingen.de">Hochschule Esslingen</a>
            mit Standorten in <a href="http://www.esslingen.de">Esslingen</a>
            und <a href="http://www.goeppingen.de">G&ouml;ppingen</a>
        </div>

        <div>
            <a href="http://www.hft-stuttgart.de">
                Hochschule f&uuml;r
                Technik Stuttgart
            </a> mit Standort in
            <a href="http://www.stuttgart.de">Stuttgart</a>
        </div>
    </div>
</body>
</html>

ich hoffe jemand kann mir helfen.

Schon mal danke Simon

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. fragen zu string für ein css

    Auge
    +1 Informationen zu den Bewertungsregeln

    Hallo

    ich bin sehr neu in der HTML-programmierung, eigentlich wurde ich durch mein Studium darauf gebracht.

    Vorweg, mit HTML programmiert man nicht, da es keine Programmiersprache ist.

    Genaue Aufgabenstellung: "Der Text bei a-Elementen, welche ein href-Attribut haben, dessen Wert den String hs-esslingen enthält, in roter Schrift und kursiv dargestellt wird."

    Du brauchst eine Selektor, der eine Teilübereinstimmung im Gesamtwert des Attributs findet. Bei Teilübereinstimmungen irgendwo im Attribut benutze den Asterisk (a[href*="hs-esslingen"]).

    
>         [class="verweise"] {font-size:120%;}

    Wenn du per CSS eine Klasse referenzieren willst, notiere den Klassennamen mit voranstehendem Punkt (.verweise {font-size:120%;}).

    Tschö, Auge

    --
    Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war. Terry Pratchett, “Wachen! Wachen!
    Beitrag melden
    +1
    Informationen zu den Bewertungsregeln

    1. fragen zu string für ein css

      Gunnar Bittersmann Homepage des Autors
      +1 Informationen zu den Bewertungsregeln

      @@Auge

          `[class="verweise"] {font-size:120%;}`

      Wenn du per CSS eine Klasse referenzieren willst, notiere den Klassennamen mit voranstehendem Punkt (.verweise {font-size:120%;}).

      Vermutlich will sie/er das.

      Der Vollständigkeit halber aber erwähnt, dass .verweise und [class="verweise"] nicht dasselbe tut. Beide selektieren zwar <div class="verweise">; ersterer Selektor aber auch <div class="noch mehr verweise">, was zweiterer nicht tut.

      .verweise ist dasselbe wie [class~="verweise"]. (Jedenfalls aus CSS-Sicht. Browser mögen intern Klassenselektoren anders implementiert haben als Attributselektoren, sodass es Performanzunterschiede gibt.)

      LLAP

      --
      „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
      Beitrag melden
      +1
      Informationen zu den Bewertungsregeln

  2. fragen zu string für ein css

    Felix Riesterer Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Lieber Nomisfur,

    Genaue Aufgabenstellung: "Der Text bei a-Elementen, welche ein href-Attribut haben, dessen Wert den String hs-esslingen enthält, in roter Schrift und kursiv dargestellt wird."

    Mein Code bis jetzt: [class="verweise"] {font-size:120%;}

    Verstehst Du diese Deine Code-Zeile? Im Wiki hier findest Du mehr zu diesem Selektor: Attributselektor

    ich hoffe jemand kann mir helfen.

    Das kannst letztlich nur Du. Mit dem Link zur Doku solltest Du Deine Aufgabe lösen können.

    Liebe Grüße,

    Felix Riesterer.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln