HTML + CSS: Dodawanie klasy/id do prostego tekstu

Jestem obecnie utknął w prawdopodobnie bardzo błahego problemu:HTML + CSS: Dodawanie klasy/id do prostego tekstu

Mam prostą stronę HTML/CSS z tekstem:

<head></head> 
<body> 
    This is a Text about Foobar. 
</body>

Jak można przypisać klasę/identyfikator CSS do słowa Text bez przerywania formatu? Powiedzmy, że chcę dodać do niej klasę .yellow, która wyświetla tekst na żółtym tle.

myślę, że coś blokuje mój umysł, bo to nie może być takie trudne ... Ale wszystko co mogę Google (głównie trywialne tutoriale) używa CSS tylko na zwykłych elementów HTML, takich jak  lub  który złamie mojego formatu .

Źródło

2013-02-06 MOnsDaR

Myślę, że brakuje na tagu . to Wypróbuj:

<head></head> 
<body> 
    This is a <span class="yellow">Text</span> about Foobar. 
</body>

aw CSS:

.yellow{ 
color:yellow; 
}

Źródło

2013-02-06 17:35:40 Abubakkar

dokładnie, co mi powie, rozpiętość jest jak joker HTML – Toping

Aw -.- ja myślałem że będzie coś takiego. Dzięki wielkie! – MOnsDaR

Użyj elementu liniowego. Span jest przeznaczony do tego celu. Alternatywnie, jeśli chcesz mieć znaczenie semantyczne za podświetlonego sekcji można ponownie styl  lub  z czymś takim:

strong.highlight{ 
    font-weight:normal; 
    font-style:normal; 
    background:yellow; 
}

Źródło

2013-02-06 17:35:49

Wystarczy owinąć sekcję w rozpiętości jak:

<span>This is a <span class='yellow'>Text</span> about Foobar.</span>

Zobacz przykład pracuje tu http://jsfiddle.net/dZZfB/

nadzieję, że pomoże

Źródło

2013-02-06 17:38:19 ottis

Dzięki za przykład – MOnsDaR

HTML, na przykład:

<center><span class="t1">Test1</span></center>

CSS:

<style type="text/css"> 
    .t1 { 
     color: white; 
     text-shadow: black 0.1em 0.1em 0.2em; 
    } 
</style>

Źródło

2014-06-27 17:35:24 Spell

HTML + CSS: Dodawanie klasy/id do prostego tekstu

Odpowiedz

Powiązane problemy