css 串联选择器和后代选择器介绍及示例
内容摘要
串联选择器:作用在同一个标签上
复制代码代码如下:
<div class=”a” id ="qq"><span>look at the color</span></div>
css: #qq.a{
….
}
后代选择器
复制代码代码如下:
<div class=”a” id ="qq"><span>look at the color</span></div>
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 之前有空格
代码注释