+1 szavazat
(3,2e pont) által 

Szeretném class-okkal megformázni az alábbi HTML-t, de hiába írom be a CSS-be a szabályokat, nem jelenik meg a formázás.

A CSS-em többi része működik (ahol típus vagy id szelektorokat használok.)

Itt a HTML:

<h1 class=".title"></h1>
<p class=".first-paragraph"></p>

<h1 class=".title"></h1>
<p class=".first-paragraph"></p>

Itt pedig a CSS:

.title = {
  font-size: 28px;
  color: #ccc;
}

.first-paragraph = {
  font-size: 18px;
  color: #fff;
}

Mit rontok el?

1 válasz

+1 szavazat
(15,8e pont) által 
által kiválasztott
 
Legjobb válasz

A probléma oka, hogy a HTML-ben is használod a pontot a class-ok neve előtt:

<h1 class=".title"></h1>
<p class=".first-paragraph"></p>

Erre csak a CSS-ben van szükség, ahol a pont (.) azt jelöli, hogy egy class szelektorral dolgozol éppen. A HTML-ben ezt a class="" rész teljesíti. A HTML-ben és a CSS-ben karakterre pontosan meg kell egyezni a szelektor nevének, különben a CSS "nem találja meg", hogy melyik elemet szeretnéd formázni.

A megoldás: hagyd el a pontot a HTML-ben.

<h1 class="title"></h1>
<p class="first-paragraph"></p>
...