学习css3笔记——元素带有类的选择器"."
这个故事发生在某天,到华南植物园周边喝完早茶回公司,上网收集有趣的文字,整理修订多年前写好的《JavaScript》教程,并创作汉语SEO要用的《CSS语言》教程,存起来以后当文化传播作品使用。
一边整理《JavaScript》教程,一边在网上和女粉丝侃大山。突然间,一个说自已是从海南儋州来广州学现代汉语的女粉丝问:“陈老师,最近文化传播教程又打算教点什么新东西?”。
我问:“你们都想学啥?”。
女粉丝说:“陈老师!我想知道元素带有类的选择器"."用法。“,下面就给大家讲下。
带有类的元素选择器,用来控制相同元素指定类的样式。如语法1。
元素选择器.类名
{
属性名:属性值;
}
设计h3元素中带指定类的选择器控制字体为粉红色,如css语言1。
h3.Q2238812950
{
color:#f17c67;
}
设计h3元素内容为"微信公众号:design-Rabbit"做试验用,如html语言1。
微信公众号:design-Rabbit
微信公众号:design-Rabbit
微信公众号:design-Rabbit
微信公众号:design-Rabbit
把css语言1和html语言1,移植或嵌入html5基础框架中,如综合代码1。
学习css3笔记,元素带有类的选择器".",微信公众号:design-Rabbit - 锐客网 h3.Q2238812950 {color:#f17c67;
}
微信公众号:design-Rabbit
微信公众号:design-Rabbit
微信公众号:design-Rabbit
微信公众号:design-Rabbit
【学习css3笔记——元素带有类的选择器"."】...
运行综合代码1,就可以看到图1的效果,如果还不会运行方法,可以看我以前写的Html5,学习代码运行方法。
注:看到图1页面中字体显示乱马时charset="GB2312"可以改成charset="utf-8"或改为其它的编码方式。有的浏览器会阻止脚本运行,这时请大家换下浏览器例如用IE浏览器或看下防火墙或看下杀毒软件有没报错。
文章图片
图1 通过综合代码1和图1对比,可以看到在相同p元素中有类名"Q2238812950"的元素字体被控制为粉红色。如图1效果,看到这个效果试验成功。
好!杰哥CSS3学习笔记分享到这里,要知后事如何请关注我,如果喜欢请打赏。
推荐阅读
- EffectiveObjective-C2.0|EffectiveObjective-C2.0 笔记 - 第二部分
- 由浅入深理解AOP
- 继续努力,自主学习家庭Day135(20181015)
- python学习之|python学习之 实现QQ自动发送消息
- Android中的AES加密-下
- 一起来学习C语言的字符串转换函数
- 定制一套英文学习方案
- 漫画初学者如何学习漫画背景的透视画法(这篇教程请收藏好了!)
- 《深度倾听》第5天──「RIA学习力」便签输出第16期
- 如何更好的去学习