element tdcss选择符的选择符分类介绍

element td  时间:2022-02-25  阅读:()

css选择符的选择符分类介绍

1.通配选择符 语法: * { sRules } 说明: 通配选择符。选定文档目录树(DOM)中的所有类型的单一对象。 假如通配选择符不是单一选择符中的唯一组成,“*”可以省略。 示例: *[lang=fr] { font-size:14px; width:120px; } *.div { text-decoration:none; } 2.类型选择符 语法: E { sRules } 说明: 类型选择符。以文档语言对象(Element)类型作为选择符。 示例: td { font-size:14px; width:120px; } a { text-decoration:none; } 3.属性选择符 语法: E [ attr ] { sRules } E [ attr = value ] { sRules } E [ attr ~= value ] { sRules } E [ attr |= value ] { sRules } 说明: 属性选择符。 选择具有 attr 属性的 E 选择具有 attr 属性且属性值等于 value 的 E 选择具有 attr 属性且属性值为一用空格分隔的字词列表,其中一个等于 value 的 E 。这里的 value 不能包含空格 选择具有 attr 属性且属性值为一用连字符分隔的字词列表,由 value 开始的 E 示例: h{ color: blue; } /* 所有具有title属性的h对象 */ span[class=demo] { color: red; } div[speed=fast][dorun=no] { color: red; } a[rel~=copyright] { color:black; } 4.包含选择符语法:E1 E2 { sRules }说明:包含选择符。选择所有被 E1 包含的 E2 。即 E1.contains(E2)==true 。 示例: table td { font-size:14px; } div.sub a { font-size:14px; } 5.子对象选择符 语法: E1 > E2 { sRules } 说明: 子对象选择符。选择所有作为 E1 子对象的 E2 。 示例: body > p { font-size:14px; } /* 所有作为body的子对象的p对象字体尺寸为14px */ div ul>li p { font-size:14px; } 6.ID选择符 语法: #ID { sRules } 说明: ID选择符。以文档目录树(DOM)中作为对象的唯一标识符的 ID 作为选择符。 示例: #note { font-size:14px; width:120px;} 7.类选择符 语法: E.className { sRules } 说明: 类选择符。在HTML中可以使用此种选择符。其效果等同于E [ class ~= className ] 。请参阅属性选择符( Attribute Selectors )。 在IE5+,可以为对象的 class 属性(特性)指定多于一个值( className ),其方法是指定用空格隔开的一组样式表的类名。例如:<div class=class1 class2>。 示例: div.note { font-size:14px; } /* 所有class属性值等于(包含)note的div对象字体尺寸为14px */ .dream { font-size:14px; } /* 所有class属性值等于(包含)note的对象字体尺寸为14px */ 8.选择符分组 语法: E1 , E2 , E3 { sRules } 说明: 选择符分组。将同样的定义应用于多个选择符,可以将选择符以逗号分隔的方式并为组。 示例: .td1,div a,body { font-size:14px; } td,div,a { font-size:14px; } 9.伪类及伪对象选择符 语法: E : Pseudo-Classes { sRules } E : Pseudo-Elements { sRules } 说明: 伪类及伪对象选择符。 伪类选择符。请参阅伪类( Pseudo-Classes )[:link :hover :active :visited :focus :first-child :first :left :right :lang]。 伪对象选择符。请参阅伪对象( Pseudo-Elements )[:first-letter :first-line :before :after]。 示例: div:first-letter { font-size:14px; } a.fly :hover { font-size:14px; color:red; }

青云互联:美国洛杉矶CN2弹性云限时八折,15元/月起,可选Windows/可自定义配置

青云互联怎么样?青云互联是一家成立于2020年6月的主机服务商,致力于为用户提供高性价比稳定快速的主机托管服务,目前提供有美国免费主机、香港主机、香港服务器、美国云服务器,让您的网站高速、稳定运行。美国cn2弹性云主机限时8折起,可选1-20个IP,仅15元/月起,附8折优惠码使用!点击进入:青云互联官方网站地址青云互联优惠码:八折优惠码:ltY8sHMh (续费同价)青云互联活动方案:美国洛杉矶...

DMIT:美国cn2 gia线路vps,高性能 AMD EPYC/不限流量(Premium Unmetered),$179.99/月起

DMIT怎么样?DMIT最近动作频繁,前几天刚刚上架了日本lite版VPS,正在酝酿上线日本高级网络VPS,又差不多在同一时间推出了美国cn2 gia线路不限流量的美国云服务器,不过价格太过昂贵。丐版只有30M带宽,月付179.99美元 !!目前,美国云服务器已经有个4个套餐,分别是,Premium(cn2 gia线路)、Lite(普通直连)、Premium Secure(带高防的cn2 gia线...

2022年最新PHP短网址生成系统/短链接生成系统/URL缩短器系统源码

全新PHP短网址系统URL缩短器平台,它使您可以轻松地缩短链接,根据受众群体的位置或平台来定位受众,并为缩短的链接提供分析见解。系统使用了Laravel框架编写,前后台双语言使用,可以设置多域名,还可以开设套餐等诸多功能,值得使用。链接: https://pan.baidu.com/s/1ti6XqJ22tp1ULTJw7kYHog?pwd=sarg 提取码: sarg文件解压密码 www.wn7...

element td为你推荐
水冷机箱多少钱主机安一个水冷要多少钱?360杀毒在线安装怎样使用360度安全卫士在线查杀病毒防恶意点击如何防止恶意点击win7无线局域网关于用win7系统建立无线局域网linksys无线路由器设置如何使用无线路由linksys wet11 在线等智能机刷机软件安卓手机刷机,用什么软件最简单?magento模板magento系统缩略图大小在哪里修改?人脸检测综述人脸检测技术的研究现状云图好看吗电影云图好看吗?做视频的免费软件有没有免费做视频的软件 汉化的
怎么注册域名 cn域名价格 vps推荐 花生壳免费域名申请 什么是二级域名 GGC 视频存储服务器 sockscap 论坛空间 php免费空间 中国电信测速112 柚子舍官网 什么是服务器托管 网通服务器托管 帽子云排名 贵阳电信测速 畅行云 lamp兄弟连 重庆服务器 windowsserver2012r2 更多