There are some new selectors wich we can use in CSS3

// * is a universal selector. Make all links red on hover that are grandchild of any <div>
div * a:hover { color: red;}
// You can apply rules to group
h1, h2, h3 { color: blue;}
// Select elements that have any attribute. This rule will apply to all h1 which have 'article' attribute defined
h1[article]{ color:blue;}
// This rule will apply to all h1 where article="title"
h1[article="title"]{ color:blue;} 
// This rule will apply to all h1 where article contains space
// separated values one of which is exactly equal to "title" e.g. <h1 article="top title text">Main Title</h1>
h1[article~="title"]{ color:blue;}
// Select all h1 where article attribute begins with top
h1[article^="top"]{ color:blue;}
// Select all h1 where article attribute ends with top
h1[article$="top"]{ color:blue;}
// Select all h1 where article attribute has a sub string top
h1[article*="top"]{ color:blue;}
// Select all h1 where article attribute contains hypen separated values which begins with top
h1[article|="top"]{ color:blue;}
 // Select specific child or specfic type of child
div:nth-child(n-1)
div:nth-last-child(n-1)
img:nth-of-type(n-1)
img:nth-last-of-type(n-1)
div:first-child
div:last-child
img:first-of-type
div:last-of-type
div:only-child
img:only-of-type
div:empty
// Select all links with class="external" in a specfic state
a.external:link {color: cyan;}
a.external:visited{color: grey;}
a.external:active{color: red;}
a.external:hover{color: white;}
//Selection based on element state
input:focus {color: red;}
p:target{color: red;}
input:lang(en-US){color: red;}
input:enabled{color: red;}
input:disabled{color: red;}
input:checked {color: red;}
// Select first line first letter of <p> where class="main"
p.main::first-line { text-transform: uppercase }
// Select first letter of <p> where class="main"
p.main::first-letter { text-transform: uppercase }
// Select elements before or after p
p::before { text-transform: uppercase }
p::after { text-transform: uppercase } 
// Select all div with CSS class = "sidebar"
div.sidebar{color: red;}
// Select div with id="socialbar"
div#socialbar{color: red;}
// Select links that are not visited
a:not(:visted) {color: red;}
// Select all p that are immidiate child of any div
div p{color: red;}
// Select all p that are child of divor any of its children
div > p{color: red;}
// Select all p that areadjacentsibling of div
div + p{color: red;}
// Select all p that are sibling ofdiv ~ p{color: red;}

 

 

{{opmerking.Naam}}:

{{opmerking.OpmerkingText}}

            

Saving your comment....

Naam is verplicht!
Email is verplicht!
Opmerking is verplicht!