CSS3实战之一些常用Tips_html/css_WEB-ITnose

/* add border */.nav li {  border-right: 1px solid #666;}

/* remove border */.nav li:last-child {  border-right: none;}

.nav li:not(:last-child) {  border-right: 1px solid #666;}

body {  line-height: 1;}

html, body {  height: 100%;  margin: 0;}body {  -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;  display: -webkit-flex;  display: flex;}

ul > li:not(:last-child)::after {  content: ",";}

li {  display: none;}/* select items 1 through 3 and display them */li:nth-child(-n+3) {  display: block;}

.logo {  background: url("logo.svg");}

html {  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;  text-rendering: optimizeLegibility;}

.slider ul {  max-height: 0;  overlow: hidden;}.slider:hover ul {  max-height: 1000px;  transition: .3s ease; /* animate to max-height */}

html {  box-sizing: border-box;}*, *:before, *:after {  box-sizing: inherit;}

.calendar {  table-layout: fixed;}

.list {  display: flex;  justify-content: space-between;}.list .person {  flex-basis: 23%;}

a[href^="http"]:empty::before {  content: attr(href);}

cursor:pointer

* {  -webkit-user-select: none; /* prevent copy paste */}

input[type="text"] {    -webkit-user-select: text;}