[SaltonSea]

Hi,

ich habe folgendes in meine layout.css geschrieben:

#content_main p {
                          font-size: .9em;
                          line-height: 1.3;
                          margin-bottom: 5px;
                          /* text-align: justify;      Blocksatz */
                        }

#content_main p:first-letter {
                                         font-family: Helvetica Neue, Helvetica,   
                                         Tahoma, sans-serif;
                                         font-size: 1.3em; 
                                         font-weight:normal;
                                         color:#33476c;
                                         line-height:1; 
                                       }

index.html

         <!-- content_main Start -->
         <div id="content_main">
           <h3></h3>
           <ul>
              <li>
                 <p>Test Test Test</p>
              </li>

           </ul>
         </div>
         <!-- content_main Ende -->

Jetzt würde im <p> ja der erste Buchstabe groß geschrieben werden. da es in der css so definiert ist. kann ich dem <p> auch eine klasse zuweisen, damit ich auch ausnahmen einbauen kann, wo es normal geschrieben wird?

Gruß

[take_a_7]

Zitat von SaltonSea

Jetzt würde im <p> ja der erste Buchstabe groß geschrieben werden. da es in der css so definiert ist. kann ich dem <p> auch eine klasse zuweisen, damit ich auch ausnahmen einbauen kann, wo es normal geschrieben wird?

Wieso solltest du das nicht können?

p.grosserbuchstabe:first-letter {
    font-size:40px;
}

gruß,
take

[SaltonSea]

Zitat von take_a_7

Wieso solltest du das nicht können?

p.grosserbuchstabe:first-letter {
    font-size:40px;
}

gruß,
take

habe ich in der layout.css testweise eingetragen und in der index.html

das hier:

         <!-- content_main Start -->
         <div id="content_main">
           <h3></h3>
           <ul>
              <li>
                 <p class="grosserbuchstabe">Test Test Test</p>
              </li>

           </ul>
         </div>
         <!-- content_main Ende -->

trotzdem ändert sich nichts. irgendwas scheint da noch faul zu sein!? der erste buchstabe bleibt groß. hab testweise mal das first-letter rausgenommen und die schriftfarbe geändert. das funktioniert zumindest?!

[plastiko]

Die Spezifität von p.grosserbuchstabe:first-letter reicht nicht aus um #content_main p:first-letter zu überschreiben.
Die Kaskade - Einführung in CSS - Einführung in XHTML, CSS und Webdesign - Michael Jendryschik

Edit:
Besser du zeigst mal mit einem online-Demo was du vorhast. Oft ergeben sich die nötigen Selektoren schon aus dem bestehenden (sinnvollen) html.

[gabischatz]

Ich denke dein content_main p bezieht seine Göße vom Elternelement

#content_main p {
                          font-size: .9em;
                         }

Korrekt wäre bestimmt

#content_main p {
                          font-size: 0.9em;
                         }

ohne es geprüft zu haben!
MfG

[plastiko]

Ob font-size: .9em; oder font-size: 0.9em; ist wurscht.

[SaltonSea]

Zitat von plastiko

Die Spezifität von p.grosserbuchstabe:first-letter reicht nicht aus um #content_main p:first-letter zu überschreiben.
Die Kaskade - Einführung in CSS - Einführung in XHTML, CSS und Webdesign - Michael Jendryschik

wie müsste ich es denn deklarieren, um es zu überschreiben?

p.grosserbuchstabe:first-letter !important {
                                            font-size:40px;
                                            color:#000000;
                                           }

So hatte ich es mal getestet, aber funktioniert irgendwie nicht.

[Praktikant]

Entweder so:

p.grosserbuchstabe:first-letter  {
  font-size:40px !important;
  color:#000000;
}

oder besser so:

#content_main p.grosserbuchstabe:first-letter  {
  font-size:40px;
  color:#000000;
}

Dann stimmt die Spezifität wieder und die font-size wird von alleine überschrieben.