CSS Small notes

1. Vertical Split Line

/* Create a navigation list item divider using pseudo-elements */
. Nav li{background:linear-gradient (to bottom, #dd2926, #a82724, #dd2926) no-repeat right/1px 15px;}
/* Delete the first and last navigation dividers */
. Nav Li:last-child{background:none;}

https://www.imooc.com/code/1881

2. Out-of-section fonts ....

Text-overflow:ellipsis;
Overflow:hidden;
White-space:nowrap;

3. Font Tilt

. Nav a{
Display:inline-block;
-webkit-transition:all 0.2s ease-in;
-moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in;
-ms-transition:all 0.2s ease-in;
Transition:all 0.2s ease-in;
}
. Nav a:hover{
-webkit-transform:rotate (10DEG);
-moz-transform:rotate (10DEG);
-o-transform:rotate (10DEG);
-ms-transform:rotate (10DEG);
Transform:rotate (10DEG);
}
4. Property Selector

a[class^= "column"]{background:red;}
A[href$= ". Doc"]{background:red;}
a[href*= "# #"]{background:red;}
5.CSS3 structural pseudo-class selector-not

Div:not ([id= "Footer"]) {
background:red;
}

CSS Small notes