1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 深入浅析css属性选择器

深入浅析css属性选择器

时间:2020-01-12 07:04:11

相关推荐

深入浅析css属性选择器

web前端|css教程

css

web前端-css教程

本篇文章我们一起来了解一下css中的属性选择器

婚纱网站源码,vscode安装旧版本插件,安装ubuntu 界面,tomcat定时自动启动,爬虫基因遗传,php初级程序员招聘,双河seo网络营销方案lzw

仿淘宝案例源码下载,ubuntu怎么远程关机,tomcat7.0集群,爬虫哪个包好用,php前后端交互教程学习,seo怎么衡量lzw

第一种:E[att^=value]属性选择器

排队返现系统源码,vscode误触上下箭头,ubuntu命令null,tomcat dv证书,sqlite语句哪出问题了,房间顶四周绿爬虫,php查询函数,seo页面简介字符数量,用wordpress搭建的网站,没有后台管理器怎么更新网页内容,dedecms 模板怎么用判断lzw

此选择器只选择标签名称是E的,同时他具有att的属性,att属性值包含前缀为value的子字符串。

注:E是可以省略的,如果省略则表示匹配满足条件的任意元素

无标题文档p[id^="one"]{ color: pink; font-family: "微软雅黑"; font-size: 20px; }

为了看日出,我常常早起。那时天还没有大亮,周围非常清静,船上只有机器的响声。

天空还是一片浅蓝,颜色很浅。转眼间天边出现了一道红霞,慢慢地在扩大它的范围,加强它的亮光。我知道太阳要从天边升起来了,便转眼地望着那里。

结果为:

我们可以看到id名是one的文字变成了粉红色,而id名是two的文字并没有发生改变。

第二种:E[att$=value]属性选择器

此选择器只选择标签名称是E的,同时他具有att的属性,att属性值包含后缀为value的子字符。与E[att^=value]选择器一样,E元素可以省略,如果省略则表示匹配满足条件的任意元素。

无标题文档p[id$="1"]{ color:ocf; font-family: "宋体"; font-size: 30px; }

盼望着,盼望着,东风来了,春天的脚步近了。

小草偷偷地从土里钻出来,嫩嫩的,绿绿的。园子里,田野里,瞧去,一大片一大片满是的。坐着,躺着,打两个滚,踢几脚球,赛几趟,捉几回迷藏。风轻悄悄的,草绵软软的。

桃树、杏树、梨树,你不让我,我不让你,都开满了花赶趟儿。红的像火,粉的像霞,白的像雪。花里带着甜味,闭了眼,树上仿佛已经是桃儿、杏儿、梨儿!花下成千成百的蜜蜂嗡嗡地闹着……

“吹面不寒杨柳风”,不错的,像母亲的手抚摸着你。风里带来些新翻的泥土的气息,混着青草味,还有各种花的香,都在微微润湿的空气酝酿。鸟儿将窠巢安在繁花嫩叶当中,高兴起来了……

我们可以很明显的看到id名是one1的字体变大了,与one1相似的1two字体并没有变大,这是因为本选择器只有在字符串后面加上1的才会改变,其他的没有用。

第三种:E[att*=value]属性选择器

此选择器只选择标签名称是E的,同时他具有att的属性,att属性值包含value子字符串。该选择器与前两种选择器一样,E元素也可以省略,如果省略则表示可以匹配满足条件的任意元素。

无标题文档p[id*="1"]{ color:greenyellow; font-family: "宋体"; font-size: 20px; }

我们消受得秦淮河上的灯影,当四月犹皎的仲夏之夜。

小的灯舫初次在河中荡漾;于我,情景是颇朦胧,滋味是怪羞涩的。我要错认它作七里的山塘;可是,河房里明窗洞启,映着玲珑入画的栏干,顿然省得身在何处了……

CSS3视频教学

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。