Der Kunde ist K\u00f6nig,<\/p>\n\n\n\n
denn der hat sich gerade \u00fcberlegt, dass es doch ganz cool w\u00e4re, wenn die Farbe des Textes unter den einzelnen Elixiren der Farbe des Elixirs entspricht. Geht das?<\/p>\n\n\n\n
Das Problem ist, dass eine Regel mit einem „p“ Selektor den Style auf alle <p>-Elemente anwendet.<\/p>\n\n\n\n
Hier kommen nun die „Klassen“ ins Spiel. Und was eine Klasse nun genau ist, kannst du dir am Besten in dem Besispiel anschauen. Dir ist zum Gl\u00fcck auf geheimnisvolle Art und Weise eine css-Datei vom Konkurenzteam auf die Festplatte gefallen, die die Idee des Kunden bereits umgesetzt haben.<\/p>\n\n\n\n
Lade die Datei bar-geheim.zip von server und entpacke den Inhalt in extra Verzeichnis. Schau dir die Bar von der Konkurenz genau an im Explorer an.<\/p>\n\n\n\n Studiere den html code genau. Die meisten Ver\u00e4nderungen, insbesondere bzgl. der Klassen finden in \/getraenke\/elixir.hmtl statt. Hier siehst du, wie eine Klasse aufgerufen wird.<\/p>\n\n\n\n Untersuche die bar.css, denn hier werden die Klassen bestimmt. Lass dir Zeit und arbeite gr\u00fcndlich, damit du die Aufgabe 2 bearbeiten kannst.<\/p>\n\n\n\n Der Kunde ist K\u00f6nig,<\/p>\n\n\n\n eben kam der Anruf, ein weiteres Produkt, der „Zitronen-Rachenpolierer“ soll in das Exlixir Sortiment aufgenommen werden. Leider gibt es noch kein Bild, du musst also eins besorgen, das zu den anderen passt. <\/p>\n\n\n\n Ebenso ist die genau Beschreibung des Getr\u00e4nks zu erg\u00e4nzen. Die Schriftfarbe soll nat\u00fcrlich gelb sein.<\/p>\n\n\n\n Viel Erfolg!<\/p>\n","protected":false},"excerpt":{"rendered":" Der Kunde ist K\u00f6nig, denn der hat sich gerade \u00fcberlegt, dass es doch ganz cool w\u00e4re, wenn die Farbe des Textes unter den einzelnen Elixiren der Farbe des Elixirs entspricht. Geht das? Das Problem ist, dass eine Regel mit einem „p“ Selektor den Style auf alle <p>-Elemente anwendet. Hier kommen nun die „Klassen“ ins Spiel. […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[51],"tags":[],"class_list":["post-81","post","type-post","status-publish","format-standard","hentry","category-projekt-schulbar-2"],"_links":{"self":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":4,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/81\/revisions"}],"predecessor-version":[{"id":584,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/81\/revisions\/584"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=81"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=81"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Du arbeitest weiterhin mit den Dateien, die du bereits erstellt hast.
Du benutzt den neuen Inhalt nur, um dein bereits bestehendes Projekt zu erweitern. Es ist also geschicktes copy & paste<\/strong> angesagt. <\/p>\n\n\n\nAufgabe 2.<\/h5>\n\n\n\n