CSS交集选择器语法怎么写

CSS交集选择器

什么是CSS的交集选择器,或称为什么是CSS的交集元素选择器。其中,交集元素,类似于数学上集合的交集,即不同的选择器选择的HTML元素的交集,比如元素选择器和类选择器两个都可以同时选择多个HTML元素,并构成两个“元素集合”,然后通过这两个集合的交集选择器便可选择二者中都存在的元素,语法如下:


CSS交集选择语法书写方式

A.B {样式声明}

一般情况下A为元素,.B为类,注意:A和.B之间没有空格。


CSS交集选择器实例代码,及在线编辑器

<div><p class='d1'>这是元素设置了class的段落p,将通过交集选择器设置样式</p><p>这是没有设置class的段落p,为对照段落。</p></div>
<style>
  p.d1{color:skyblue;} /*注意元素p和类.d1之间没有空格*/
</style>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.