CSS交集选择器

发布时间 2023-08-19 01:21:30作者: WangzaiTing

作用: 选中同时符合多个条件的元素

交集选择器有并且的含义通俗理解就是(即......又......), 举例: 小王年轻且长得帅

语法: 选择器1选择器2选择器3...(紧紧挨在一起)

举例:

/*  标签配合类选择器使用,h1为标签 .fruit为类选择器 */
h1.fruit {
   color: red;
}

/*  多个类选择器使用 */
 .fruit.apple {
    color: green;
 }

注意:

  1. 有标签名,标签名必须写在前面
  2. id选择器可以作为交集选择器中的条件,但是不推荐这么使用,多此一举
  3. 交集选择器中不能出现两个标签选择,因为不可能即是p标签又是span标签