div上的Html5文本装饰

Question

在html5中，可以在一个标签中包含一个div，但我对文本修饰文本装饰有问题：无法正常工作

  <div id="messageconv">
  <a href="#">
  <div class="messageconv">
  <img src="http://icons.iconarchive.com/icons/hopstarter/soft-scraps/16/Button-Blank-Red-icon.png" alt="">
  <img src="http://www.cqed.org/IMG/cache-30x30/5a528e158e13938e9c7ac616a6cd6d0b-30x30.png" alt="">
  test</div>
 </a>
 </div>

的CSS：

#messageconv {
height:292px;
border: 1px solid #cfced8;
margin-right:5px;
width:170px;
float:left;
text-align:left;
}
.messageconv {
background-color:#e7e5f1;
padding:5px;
margin:2px;
}
.messageconv img {
vertical-align:middle;
margin-right:5px;
border:0px;
}
.messageconv a {
text-decoration: none;
}

此处示例

http://www.cssdesk.com/wJkRX

Answer 1

你有一个错字

.messageconv a {
text-decoration: none;
}

应该是

#messageconv a {
text-decoration: none;
}