CSS的其他选择器

本文由用户“adamek”分享发布 更新时间:2021-12-21 18:47:36 举报文档

以下为《CSS的其他选择器》的无排版文字预览,完整格式请下载

下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。

CSS的其他选择器

基本的选择器有标记、类、ID选择器,这些选择器进行组合,就可以组成其他一些选择器。 交集选择器: 两个选择器直接连接就构成交集选择器,选中的是二者各自元素范围的交集,其中第1个必须是标记选择器,第2个必须是类别选择器或者ID选择器,两个选择器要连续书写,中间不加空格。示例: p.special{ /*标记.类选择器*/ ????color: red; } 这个选择器选择的是 文字标记中的内容,将其中的文字颜色设为红色。 p#textred{ /*标记.ID选择器*/ ????color: red; } 这个选择器选择的是 文字标记中的内容,将其中的文字颜色设为红色。 并集选择器: 多个选择器通过逗号连接就构成并集选择器,表示同时选中各个基本选择器所选择的范围,所以也称为集体声明。并集选择器中可以是任何形式的基本选择器。示例: h1,h2, 内容过长,仅展示头部和尾部部分文字预览,全文请查看图片预览。 入class和id的数量,常常只给外层标记加class或者id属性,而内层不用加,而是使用表示嵌套的后代选择器,就能选择内部标记设置样式。 子选择器: 后代选择器可以用于其各级后代,CSS还有一种子选择器,只选择其直系后代,也就是第一级嵌套,嵌套的嵌套则不起作用。子选择器使用>分隔,示例: p>span{ /*子选择器*/ ????color: blue; } 兄弟选择器: 兄弟选择器,也称相邻选择器,表示页面中的相邻标记关系。示例: li+li{ /*兄弟选择器*/ ????color: purple; } 相邻选择器用+来连接。 属性选择器: 属性选择器是选择包含某个属性的标记。示例: a[link]{ /*属性选择器*/ ????color: purple; } 属性选择器使用方括号[]将属性括起来。属性选择器有多种格式,详见 选择器中还有一类是伪类选择器,后来又增加了伪元素选择器,不过伪元素选择器的支持度还不够高,下一课介绍。

[文章尾部最后300字内容到此结束,中间部分内容请查看底下的图片预览]请点击下方选择您需要的文档下载。

  1. 企业微信--报销详解
  2. Photoshop图案图章工具应用实例
  3. 自助复印机使用指南
  4. 清单导入操作手册
  5. java环境搭建
  6. PR快捷键大全
  7. 附件2:眼***专业调研与实践调研报告回执单
  8. 计算所汉语词性标记集
  9. 实验01 Windows的基本操作

以上为《CSS的其他选择器》的无排版文字预览,完整格式请下载

下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。

图片预览