CSS elements combination, rules

* {margin: 0; padding: 0;}

 input[type="text"] {   border: 1px solid black;    color: #000000;    float: left;}

#nav .search input[type="submit"] { float:left;    width:22px; }

.three-col li span, .three-col h3 {   float: left; background-position:    /* margin: 0 20px 0 0;*/ }

#sidebar .block ul li a:hover {   color:#89abd5;    text-decoration:underline;}

p:first-letter {  font-size: 30pt;} p:nth-child(2) {  background: #e7f0ce;}

.search { border-radius: 15px 15px 15px 15px; display:inline;  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5) inset; outline: 0 none; padding: 3px 3px !important;                 

           [if Net] right:0; left:81%;  float:right; position:absolute;

           [if Opera] right:0; left:81%;  float:right; position:absolute; }

@color: #4D926F;

#header {color: @color;}

#footer {color: @base-color + #003300; border-color: desaturate(@red, 10%);}

@font-face { font-family: CurlzMTRegular;

  src: url(fonts/CurlzMTRegular.eot);

}

#header {

  h1 {

    font-size: 26px;

    font-weight: bold;

  }

  p { font-size: 12px;

    a { text-decoration: none;

      &:hover { border-width: 1px }

    }

  }

}

h2{  animation-duration: 11s;  animation-name: slidein;}
 
@keyframes slidein {
  from {  margin-left: 100%;
    width: 300%
  } 
  to {
    margin-left: 0%;
    width: 100%;
  }
} 

CSS allows Unicode characters to be entered by number. 
For example, if a CLASS value in some Russian document 
contains Cyrillic letters EL PE (Unicode numbers 041B 
and 041F) and you want to write a style rule for that 
class, you can put that letter into the style sheet by 
writing:

.\041B\041F {font-style: italic;}  

div#sidebar p.bio: 2 elements, 1 class, 1 id – (0,1,1,2)