站长资源网页制作
css 串联选择器和后代选择器介绍及示例
简介串联选择器：作用在同一个标签上 复制代码代码如下:
look at the color
css: #qq.a{ …. }后代选择器：作用在不同标签上 复制代码代码如下:串联选择器：作用在同一个标签上
复制代码代码如下:
<div class=”a” id ="qq"><span>look at the color</span></div>
css: #qq.a{
….
}
后代选择器：作用在不同标签上
复制代码代码如下:
<div id ="qq"><span class=”a”>look at the color</span></div>
css: #qq .a{
}
注意#qq .a 之前有空格
复制代码代码如下:
<div class=”a” id ="qq"><span>look at the color</span></div>
css: #qq.a{
….
}
后代选择器：作用在不同标签上
复制代码代码如下:
<div id ="qq"><span class=”a”>look at the color</span></div>
css: #qq .a{
}
注意#qq .a 之前有空格
下一篇：纯CSS3发光分享按钮的实现教程