开发者社区> 问答> 正文

如何使用class选择器?

如何使用class选择器?

展开
收起
游客wn4tr4agg7xku 2022-03-25 00:31:04 823 0
1 条回答
写回答
取消 提交回答
  • 举个例子,假设需要将一首诗的奇数行字体变蓝,偶数行字体颜色变绿,用class选择器来设置的方法如下:

    第一步,我们为四个段落设置两种样式类: 配图36.png

    第二步,在头部 style 标签中设置 class 选择器,注意 class 选择器使用.xxx 格式,.表示此选择器是class 选择器,xxx 表示选择器应用的标签 class 属性值。 配图37.png

    第三步,为 class 选择器设置样式,在大括号内编写选择器对应的样式: 配图38.png

    配图39.png

    通过上面的代码,class 值为 text-blue 的标签,会应用 color:blue 样式;而 class 值为 text-green的标签,会应用 color:green 样式。

    以上内容摘自陈文阳《零基础CSS入门教程》电子书,点击https://developer.aliyun.com/ebook/download/2 下载完整版

    2022-03-25 12:27:41
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
阿里云开发者社区官方技术圈,用户产品功能发布、用户反馈收集等。
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载