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; }

青果云(590元/年),美国vps洛杉矶CN2 GIA主机测评 1核1G 10M

青果网络QG.NET定位为高效多云管理服务商,已拥有工信部颁发的全网云计算/CDN/IDC/ISP/IP-VPN等多项资质,是CNNIC/APNIC联盟的成员之一,2019年荣获国家高薪技术企业、福建省省级高新技术企业双项荣誉。那么青果网络作为国内主流的IDC厂商之一,那么其旗下美国洛杉矶CN2 GIA线路云服务器到底怎么样?官方网站:https://www.qg.net/CPU内存系统盘流量宽带...

ProfitServer折优惠西班牙vps,荷兰vps,德国vps,5折优惠,不限制流量

profitserver正在对德国vps(法兰克福)、西班牙vps(马德里)、荷兰vps(杜廷赫姆)这3处数据中心内的VPS进行5折优惠促销。所有VPS基于KVM虚拟,纯SSD阵列,自带一个IPv4,不限制流量,在后台支持自定义ISO文件,方便大家折腾!此外还有以下数据中心:俄罗斯(多机房)、捷克、保加利亚、立陶宛、新加坡、美国(洛杉矶、锡考克斯、迈阿密)、瑞士、波兰、乌克兰,VPS和前面的一样性...

数脉科技香港自营,10Mbps CN2物理机420元/月

数脉科技怎么样?数脉科技品牌创办于2019,由一家从2012年开始从事idc行业的商家创办,目前主营产品是香港服务器,线路有阿里云线路和自营CN2线路,均为中国大陆直连带宽,适合建站及运行各种负载较高的项目,同时支持人民币、台币、美元等结算,提供支付宝、微信、PayPal付款方式。本次数脉科技给发来了新的7月促销活动,CN2+BGP线路的香港服务器,带宽10m起,配置E3-16G-30M-3IP,...

element td为你推荐
android打包签名安卓开发 签名 keystore别名怎么写网页登陆密码破解如何破解网站登录用户名密码?goalgoalgoal多啦a梦一共多少集TV版淘气鸟淘气鸟论坛为什么打不开了印象城市游戏论坛凯撒大帝3怎么建造好一个城市微信语音在哪个文件夹【求助】微信语音的文件夹在哪里??人脸检测综述人脸检测方法linux操作系统好吗linux操作系统 比 windows系统 更好吗?xp仿win7桌面主题XP系统可以装window7主题吗oa源码谁有比较好的OA管理系统啊,要有源码的php写的!
重庆域名注册 哈尔滨服务器租用 vir 息壤备案 主机点评 韩国俄罗斯 diahosting 秒解服务器 linkcloud kddi xfce ibox官网 ca4249 泉州电信 免费吧 中国电信宽带测速网 免费私人服务器 空间登陆首页 中国linux cdn网站加速 更多