The ::first-line pseudo-element is for applying styles to the first line of an element. Imagine a paragraph that is several lines long (like this one!). ::first-line allows you to style that first line of text. You could use it to make it larger or set it in small-caps as a stylistic choice. The amount of text targeted
Posts By: Renat
::first-letter
::first-letter is a pseudo element which allows you to style the first letter in an element, without needing to stick a <span> around that first letter in your HTML. While no tags are added to the DOM, it is as if the targeted first letter were encompassed in a<firstletter> tag. You can style that first letter as
:enabled
The :enabled pseudo-class in CSS selects focusable elements that are not disabled, and therefore enabled. It is only associated with form elements (<input>, <select>, <textarea>). Enabled elements includes ones in that you can select, that you can enter data into, or that you can focus on or click. So when a checkbox is checked, and you are
:empty
The :empty pseudo selector will select elements that contain either nothing or only an HTML comment. div:empty { display: none; } Will Match <div></div> <div><!– test –></div> Will Not Match <div> </div> <div> <!– test –> </div> <div> </div> It’s useful for hiding empty elements that might cause weird spacing (e.g. they have padding). Or something like