staging.inyokaproject.org

via DuckDuckGo

Verständnisfrage CSS

Status: Gelöst | Ubuntu-Version: Ubuntu 16.04 (Xenial Xerus)
Antworten |

windoof10

Anmeldungsdatum:
27. Mai 2019

Beiträge: Zähle...
Zitieren
6. Juli 2019 21:45

Hallo zusammen

Ich finde auf W3Schools keine Antwort.

Wann verwende ich 

1
.body {}

und wann verwende ich 

1
body {}

ohne Punkt?

1
2
3
4
5
6
7
8
.hero-image {
  background-image: url("photographer.jpg"); /* The image used */
  background-color: #cccccc; /* Used if the image is unavailable */
  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

oder

1
2
3
4
5
body {
  background-image: url("img_tree.gif"), url("paper.gif");
  background-repeat: no-repeat, repeat;
  background-color: #cccccc;
}

windoof10

(Themenstarter)

Anmeldungsdatum:
27. Mai 2019

Beiträge: 34
Zitieren
6. Juli 2019 21:52

Irgendwie check ich es nicht

#foo {} will style the single element declared with an attribute id="foo"

.foo {} will style all elements with an attribute class="foo" (you can have multiple classes assigned to an element too, just separate them with spaces, e.g. class="foo bar")

Ein # verwendet man bspw. bei <p id="Hamburger"> </p>

Ein . verwendet man bspw. bei <p class="Hamburger"> </p>

Was ist der unterschied? Ist class ein altes CSS und id für CSS 3?

Der Satz, dass ein #nur für ein einzelnes Element gilt ist doch falsch, ich kann diverse Elemente mit der id="Hamburger" ausstatten?

seahawk1986

Anmeldungsdatum:
27. Oktober 2006

Beiträge: 10978
Zitieren
6. Juli 2019 22:13

windoof10 schrieb:

Der Satz, dass ein #nur für ein einzelnes Element gilt ist doch falsch, ich kann diverse Elemente mit der id="Hamburger" ausstatten?

Die id sollte eigentlich innerhalb von eienem HTML-Dokument eindeutig sein: https://www.w3schools.com/tags/att_global_id.asp

The id attribute specifies a unique id for an HTML element (the value must be unique within the HTML document).

Dass Browser das akzeptieren ist eine andere Sache...

body matcht auf <body>, .body matcht auf Elemente mit class=body - vgl. https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048

windoof10

(Themenstarter)

Anmeldungsdatum:
27. Mai 2019

Beiträge: 34
Zitieren
6. Juli 2019 23:51

Danke Seahawk! 😊 👍

Antworten |