定义类名“a-img small”,写样式的时候可以直接写.small了吗
定义类“a-img small”,上面写样式的时候可以直接.small了吗?额、。。
定义类“a-img small”,上面写样式的时候可以直接.small了吗?额、。。
2014-12-23
看看两者的区别:
一、使用.a-img .small
<html>
<head>
<style type="text/css">
.a-img .small{
color:#F00;
}
</style>
</head>
<body>
<p class="small">123</p>
<p class="a-img">
<a class="small">hello</a>
</p>
</body>
</html>结果:
123 hello(颜色为红色)
二、使用.small
<html>
<head>
<style type="text/css">
.small{
color:#F00;
}
</style>
</head>
<body>
<p class="small">123</p>
<p class="a-img">
<a class="small">hello</a>
</p>
</body>
</html>结果:
123 (颜色为红色) hello(颜色为红色)
三、总结
如是.small引用了small的所有内容都会发生样式变化
如是.a-img .small说明在引用a-img的标签下引用small的内容发生样式变化。
举报