Advertisement
xlrnxnlx

iMasters / last-child, selector

May 16th, 2014
229
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.68 KB | None | 0 0
  1.  
  2. < http://jsfiddle.net/rnxn/mhu4h/1/embedded/result/ >
  3.  
  4. nav > ul {
  5.     list-style: none;
  6. }
  7. nav > ul li a {
  8.     display: block;
  9.     width: 100%;
  10.     padding: 20px 0;
  11.     text-align:center;
  12.     text-decoration: none;
  13.     color: #333;
  14.     -webkit-transition: all 100ms ease-in;
  15.     transition: all 100ms ease-in;
  16. }
  17.  
  18. nav > ul li:first-child > a {
  19.     border-bottom: 1px solid #ccc;
  20. }
  21.  
  22. nav > ul li a:hover::after {
  23.     content: "VIU? NÃO PRECISOU POSICIONAR O PONTEIRO NO TEXTO. :)";
  24.     display: inline-block;
  25.     font-size: 0.6em;
  26.     width: 100%;
  27.     opacity: 80;
  28. }
  29.  
  30. nav > ul li a:hover {
  31.     color: orange;
  32.     border-left: 4px solid orange;
  33.     text-indent: -12px;
  34. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement