CSS代码片段

多类选择器

.classA.classB{
color:#FFF;
}

<p class="classA classB"></p>

后代选择器

.navbar .navbar-brand {
color:#FFF    
}

<div class="navbar">
  <div class="navbar-brand"/>
</div>

选择器+伪类

.navbar .navbar-brand:hover {
color:#FFF;
font-size:30px;   
}

<div class="navbar">
  <div class="navbar-brand"/>
</div>

 

CSS :hover 选择器(伪类)

a:hover
{ 
background-color:yellow;
}

 图文消息列表模板

<style>
div{
width: 390px;
height: 160px;
overflow: hidden;
}
img {
width: 100%;
}
</style>

<div>
    <img />
</div>