分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

CSS3选择器

发布时间:2023-09-06 01:32责任编辑:郭大石关键词:CSS选择器

1.属性选择器

HTML

<p name="a">用于选取带有指定属性的元素</p><p name="line">用于选取带有指定属性和值的元素</p><p name="line1 line2">此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词</p><p name="b">用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。</p><p name="mline">匹配属性值以指定值开头的每个元素</p><p name="mlines">匹配属性值以指定值结尾的每个元素</p><p name="mliKnes">选择器匹配属性值包含指定值的每个元素</p>

CSS

/* css属性选择器 [attr]用于选取带有指定属性的元素 [attr=value]用于选取带有指定属性和值的元素 [attr~=value]此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词 [attr|=value]用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。 [attr^=value]匹配属性值以指定值开头的每个元素 [attr$=value]匹配属性值以指定值结尾的每个元素 [attr*=value]选择器匹配属性值包含指定值的每个元素 */p{border: 1px solid #000;width: 500px;}p[name]{background: pink;}p[name=line]{background: red;}p[name~=line2]{background: #00CC99;}p[name|=b]{background: #880000;}p[name^=m]{background: #6347ED;}p[name$=s]{background: yellow;}p[name*=K]{background: fuchsia;}

  

CSS3选择器

原文地址:http://www.cnblogs.com/yangxue72/p/8109738.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved