举个例子,假设需要将一首诗的奇数行字体变蓝,偶数行字体颜色变绿,用class选择器来设置的方法如下:
第一步,我们为四个段落设置两种样式类:
第二步,在头部 style 标签中设置 class 选择器,注意 class 选择器使用.xxx 格式,.表示此选择器是class 选择器,xxx 表示选择器应用的标签 class 属性值。
第三步,为 class 选择器设置样式,在大括号内编写选择器对应的样式:
通过上面的代码,class 值为 text-blue 的标签,会应用 color:blue 样式;而 class 值为 text-green的标签,会应用 color:green 样式。
以上内容摘自陈文阳《零基础CSS入门教程》电子书,点击https://developer.aliyun.com/ebook/download/2 下载完整版
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。