CSS Pseudo Elements Part 1 - CSS Tutorial 41

Notes for You:: CSS Pseudo Elements Part 1 - CSS Tutorial 41
- CSS Pseudo elements are added to the selectors using :: symbol.
- CSS Pseudo elements allow us to apply styles to certain parts of html elements, and generate contents dynamically at run time.

Syntax of CSS Pseudo element selectors:
selector :: pseudo-element-name
{
declaration list;
}

Example 1:
p::first-letter
{
font-size:16pt;
}
- It applies 16pt font size to first letter of any p element.

Example 2:
p::first-line
{
text-transform : uppercase;
}
- It transforms and displays all characters of the first line of any p element in upper case (capital letters).

Example 3:
p::selection
{
background-color : yellow;
}
- It sets background color to yellow to the selected text of any p element.

=========================================

Follow the link for next video:
CSS Tutorial 42 - CSS Pseudo Elements Tutorial | CSS before and after Pseudo Elements

Follow the link for previous video:
CSS Tutorial 40 - CSS Lang Pseudo Class | CSS lang() selector

=========================================

CSS Tutorials Playlist:-

=========================================
Watch My Other Useful Tutorials:-

HTML Tutorials Playlist:-

JavaScript Tutorials Playlist:-

jQuery Tutorials Playlist:-

=========================================

► Subscribe to our YouTube channel:

► Visit our Website:

=========================================
Hash Tags:-
#ChidresTechTutorials #CSS #CSSTutorial

[ChidresTechTutorials]

SUBSCRIBE, SHARE & SUPPORT:
VISIT & LEARN AT FREE OF COST:

[ankushanand]

Thank you for this amazing video sir. Can you please tell us what CSS property can we use while using selection pseudo element? I noticed that some of the properties does not work with this element.