1. Home
  2. Css
  3. Select first line
#css

First line selector targets top line in a given text.

<style>
    .some-text{
        width: 300px;
    }
    .some-text::first-line{
        font-size: 24px;
        font-weight: 800;
    }
</style>
<p class="some-text">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti, optio harum? Eius, deserunt, optio assumenda accusamus error eos quasi commodi consequuntur recusandae sapiente vel itaque aut reiciendis ipsum nesciunt fugit.</p>
Output:

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti, optio harum? Eius, deserunt, optio assumenda accusamus error eos quasi commodi consequuntur recusandae sapiente vel itaque aut reiciendis ipsum nesciunt fugit.

copy
Full Css cheatsheet
Sitemap Git repository