pseudo class css
.element:nth-child(1)
.element:hover
.element:visitedpseudo class css
.element:nth-child(1)
.element:hover
.element:visitedafter in css
span[data-descr] {
position: relative;
text-decoration: underline;
color: #00F;
cursor: help;
}
span[data-descr]:hover::after,
span[data-descr]:focus::after {
content: attr(data-descr);
position: absolute;
left: 0;
top: 24px;
min-width: 200px;
border: 1px #aaaaaa solid;
border-radius: 10px;
background-color: #ffffcc;
padding: 12px;
color: #000000;
font-size: 14px;
z-index: 1;
}css pseudo classes
a:link{
color: blue;
}
a:visited{
color: purple;
}
a:hover{
color: red;
}
a:active{
color: green;
}
p:first-child{
background: #05ffb0;
border: 1px solid;
padding: 5px;
}
p:last-child{
background: #05ffb0;
border: 1px solid;
padding: 5px;
}
p:nth-child(3){
background: #05ffb0;
border: 1px solid;
padding: 5px;
}
p:nth-child(2n+1){
background: #05ffb0;
border: 1px solid;
padding: 5px;
}css pseudo classes
/* unvisited link */
a:link {
color: #FF0000;
}
/* visited
link */
a:visited {
color: #00FF00;
}
/* mouse over link */
a:hover {
color: #FF00FF;
}
/* selected link */
a:active {
color: #0000FF;
}css pseudo elements
h2::first-letter {}
p::first-line {}
p::selection {background-color: red;}
::after / ::beforecss pseudo classes
button/anchor:hover / :active / :checked
:nth-of-type(3) // select the third element
:nth-of-type(3n) // select an element every threeCopyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
