first-letter sprawia podświetlenie Chrome w niewłaściwym miejscu

Kiedy używam tego CSScode projektować pierwszą literę mojego tekstu Coś dziwnego dzieje się w Chrome:first-letter sprawia podświetlenie Chrome w niewłaściwym miejscu

main p::first-letter { 
 
    font-size: 300%; 
 
}

<main> 
 
    <p> 
 
    This is some sample text 
 
    </p> 
 
</main>

Kiedy teraz na przykład podświetlić słowo "jest", zamiast tego zostaną podświetlone litery "pl" słowa "próbka". Możesz to sprawdzić tutaj: jsfiddle

Żeby było jasne, to jest to, co się dzieje:

Jak widać, zaznaczony tekst jest w niewłaściwym miejscu.

Czy to mój błąd, czy jest to błąd w Chrome? Jak mogę to naprawić?

Źródło

2016-03-03 Jens Renders

W tekście "To jest przykładowy tekst" podświetlone jest pierwsze "T". działa poprawnie zgodnie z przeznaczeniem. Im też na Chrome – Sandeep

Tak, zgadzam się z @Sandeep ... jaki jest twój błąd – praveen

Mam na myśli, że po kliknięciu i przeciągnięciu jakiegoś tekstu, zmienia kolor na niebieski, ale w kodzie zmienia kolor na niebieski w niewłaściwym miejscu, powinien powiedzieć wybierz zamiast wyróżnić? –

Najlepszy Kod każda przeglądarka będzie nosił ten kod

<main> 
<p> 
    <span>T</span>his is some sample text 
</p>

main p span{ 
font-size: 300%;

}

Źródło

2016-03-03 10:13:00 user25775

Rozpiętość powinna znajdować się w pobliżu litery T, jeśli chcesz uzyskać ten sam efekt co OP – timo

znalazłem dlaczego tak się to robi. To z powodu "powrotu" po <p>.

Tak na temu zapobiec trzeba napisać balisy <p> i jego zawartość w jednej linii, na przykład:

<p>This is some sample text</p>

i nie tędy

<p> 
    This is some sample text 
</p>

ja nie znaleźć inne rozwiązanie ... Przepraszam.

Źródło

2016-03-03 10:30:55 Zagonine

Dzięki za to, przynajmniej to daje pracę :) –

first-letter sprawia podświetlenie Chrome w niewłaściwym miejscu

Odpowiedz

Powiązane problemy