Skip to content

Commit 536a677

Browse files
committed
CSS / Pseudo Code
1 parent 44040d1 commit 536a677

3 files changed

Lines changed: 41 additions & 11 deletions

File tree

b. CSS/Pseudo Code/ReadMe.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
## Pseudo Code
2+
3+
### Pseudo Element (::)
4+
5+
* ::after, ::before -- Both the ::before and ::after pseudo-elements create a child element inside an element only if you define a ```content: " ";``` property.
6+
* ::first-letter, style of the first character of the target property
7+
* ::first-line, style of the first line of the target property
8+
* ::marker, style of the browser maker property
9+
* ::selection, style of the selected text
10+
* ::placeholder, style for placeholder texts
11+
* ::cue, Style for video captions
12+
13+
### Pseudo Class (:)
14+

b. CSS/Pseudo Code/pseudo-class.css

Whitespace-only changes.
Lines changed: 27 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,4 @@
1-
/*
2-
3-
CSS Pseudo Code
4-
-------
5-
1. Pseudo Class
6-
2. Pseudo element
7-
8-
*/
9-
10-
/*----- Make an underlying dash (Pseudo element) ------*/
1+
/*----- Make an underlying dash ------*/
112
h1::after{
123
content: "";
134
display: block;
@@ -17,7 +8,32 @@ h1::after{
178
margin: 0.5 auto 0;
189
}
1910

20-
/*------- list marker selector coloring (Pseudo element) ----------*/
11+
/*------- First Character Styling ----------*/
12+
13+
p::first-letter{
14+
color: goldenrod;
15+
font-weight: bold;
16+
}
17+
18+
/*------- First Line Styling ----------*/
19+
20+
p::first-line{
21+
color: blue;
22+
float: left;
23+
font-size: 2.6em;
24+
font-weight: bold;
25+
line-height: 1;
26+
margin-inline-end: 0.2rem;
27+
}
28+
29+
/*------- The ::selection pseudo-element allows you to style how selected text looks. -------*/
30+
31+
p::selection {
32+
background: green;
33+
color: white;
34+
}
35+
36+
/*------- list marker selector coloring ----------*/
2137
/*
2238
<ul>
2339
<li>A</li>

0 commit comments

Comments
 (0)