首页 > 教程 > 关键词 > CSS样式表最新资讯 > 正文

CSS样式表的属性选择器的四种格式

2010-03-05 13:48 · 稿源:中国站长站综合

属性选择器(Attribute Selectors),或许你不应该对属性选择器感到生疏,从本质上说,id跟类选择器其实就是属性选择器,只不过是选择了id或者类的值(value)而已。

属性选择器的格式是元素后跟中括号,中括号内带属性,或者属性表达式(不知道描述是否正确,自创的词),比如h1[title], h1[title="Logo"]等,你可以从我下面的论述中看到4种具体形式。

1、简易属性选择器

只顾其名不顾其值,这是简易属性选择器的特点。

h1[class] {color: silver;}将会作用于任何带class的h1元素,不管class的值是什么。所以<h1 class="hoopla">Hello</h1>、<h1 class="severe">Serenity</h1>、<h1 class="fancy">Fooling</h1>的h1都会受到这条规则的影响。

当然,这个“属性”不仅仅是class或者id,可以是该元素所有合法属性,比如img的alt,这样img[alt]{css declarations here;}将会作用于任何带有alt属性的img元素。那么a[href][title] {font-weight: bold;}呢?聪明的你一定已经知道,这会作用于同时带href和title属性的a元素,比如<a href="http://www.mb5u.com/" title="mb5u Home"></a>。

2、精确属性值选择器

id和类本质上就是精确属性值选择器,没错,h1#logo等于h1[id="logo"]。如前所述,我们不要局限于id或者class,我们可以使用任何属性!例如a[href="http://www.mb5u.com/"][title="W3C Home"] {font-size: 200%;}将会作用于<a href="http://www.mb5u.com/" title="mb5u Home"></a>。

3、部分属性值选择器

如其名,只要属性值部分匹配(这里的部分,实际上要匹配整个单词)就会作用于该元素。让我们来看个例子:

<p class="urgent warning">When handling plutonium, care must be taken to avoid the formation of a critical mass.</p>p[class~="warning"] {font-weight: bold;}

p[class~="urgent"] {font-weight: bold;}

中任何一条都可以让这个p的字体变粗。

该选择器十分有用,比如你要样式化插图,其title中都含字符串”Figure”,如 title= "Figure 5:xxx说明",则你可以使用img[title~="Figure"] 。

需要注重的是,如我第一句就强调的,你需要匹配的是整个单词,img[title~="Figure"] 不会匹配title= "Figure5:xxx说明"。

另外,我做了个小小的测试,你把例子中的“Figure”改成“插图”,把img[title~="Figure"] 改成img[title~="插图"] ,在Firefox中依然可以匹配,不管编码(encoding)是GB2312还是UTF-8。看来CSS对中文的支持还不赖。

4、非凡属性选择器

有点怪,这个选择器。它是这样工作的,嗯,举个例子比描述更轻易。

*[lang|="en"] {color: white;},这条规则(rule)将会选择属性lang的值en或者en-打头的元素。就是说,它可以匹配<h1 lang="en">Hello!</h1>、<p lang="en-us">Greetings!</p>和<div lang="en-au">G'day!</div>而不匹配<p lang="fr">Bonjour!</p>和<h3 lang="cy-en">Jrooana!</h3>。

网友热搜:

  • 相关推荐
  • 大家在看
  • 十万以下买什么车好?CS35PLUS不容错过

    对于大多数年轻人来说,购车预算往往在十万左右,而这一级别市场也成为竞争最激烈的细分市场。各家车企面对激烈的竞争,为了吸引消费者的关注,更是推出众多产品来抢占市场。不过也正是因为如此,很多消费者都纠结十万以下买什么车好?而作为国产车企中的老大哥,长安汽车旗下的CS35PLUS无疑是“十万以下买什么车好”的代表之一。初看长安CS35PLUS,你会觉得这款车与市场上其他同级产品有着很大不同。在长安CS35 PLUS身上,虽然也能看到一丝

  • StrategyAnalytics:超宽带芯片正在迈向成功

    Strategy Analytics最新发布的研究报告《UWB的回归:智能手机、汽车、工业等芯片预测》指出,2019年UWB(超宽带)系统和无线电芯片市场实现了飞跃;于此同时,新标准、芯片和应用意味着UWB的复兴。相关资料显示,UWB 技术是一种传输速率高,发射功率较低,穿透能力较强并且是基于极窄脉冲的无线技术。 StrategyAnalytics指出,苹果iPhone11机型采用了全新的U1超宽带无线电芯片以及用于远程无钥匙进入的新汽车标准推动?

  • Serverless架构的前世今生

    一、Serverless简介云计算的不断发展,涌现出很多改变传统IT架构和运维方式的新技术,而以虚拟机、容器、微服务为代表的技术更是在各个层面不断提升云服务的技术能力,它们将应用和环境中很多通用能力变成了一种服务。但无论这些技术应用在哪里,帮助企业“降本增效”是技术变革永恒的主题。Serverless架构的出现,带来了跨越式的变革。Serverless下主机管理、操作系统管理、基础软件的部署运维、资源分配和扩缩容能力全部由云厂?

  • 跨境收款别担心,有亚马逊全球收款(ACCS)就够了

    收款,可以说是跨境电商卖家业务全流程中最重要的环节。跨境电商业务中的选品、采购、仓储、物流、营销等环节都需要依托于稳定的资金链来进行,而收款的高效安全稳定是卖家回笼货款并用于下一流程业务开展的关键。近期某国外支付平台破产暴雷,卖家辛辛苦苦销售货品所得的货款无法拿到手,没有比这更糟心的事了。要想做好跨境电商业务,选择一个稳定安全的收款渠道也是一门必修课。今天就给大家介绍一下近来市场上炒得火热的亚马逊官方?

  • 完美世界协助警方抓获CSGO外挂“Killer”制售团伙

    近日,CS:GO官方发文称,国服自上线以来,一直对作弊现象采取零容忍态度,坚决打击任何破坏游戏公平性的行为。近日,完美世界联合警方,成功打掉一个CS:GO外挂跨省制售团伙,抓获犯罪嫌疑人3名,其涉案金额高达百余万元。

  • 净水器哪个牌子好 靠谱的净水器怎么选择

    想要买到靠谱的净水器,就要知道怎么去选择净水器,只有知道选择净水器,才能买到靠谱的净水器产品。那如何选择净水器呢?首先一定要通过水质认证!即相关涉水批件。每一款合格的净水器都应该有卫生部颁发的对应其型号的《涉及饮用水卫生安全产品卫生许可批件》和国家指定涉水产品检测部门的《检测报告》。其次要符合国家标准要求。净水器厂家必须取得上级卫生监督部门的卫生许可证,经过技术监督部门鉴定,符合国家的《生活饮用水水

  • 和平精英SS8赛季手册寻宝行动全攻略 SS8赛季手册寻宝行动教程

    ​和平精英SS8赛季手册寻宝行动是新增的玩法,在其中可以获得非常多的奖励,但是一些玩家还不清楚怎么去玩寻宝行动,下面就来为大家分享一下和平精英SS8赛季手册寻宝行动全攻略。

  • 和平精英SS8赛季手册全部奖励汇总 SS8赛季手册皮肤奖励一览

    ​和平精英的SS8赛季手册马上就要上线了,很多玩家还不清楚此次S8的赛季手册有什么内容,所以今天就来为大家分享一下和平精英SS8赛季手册全部奖励汇总。

  • 沫子直播100个CSGO开箱,“脸太黑”差一点想卸载游戏

    斗玩网原创:不少喜欢看绝地求生直播的观众应该都会知道沫子这个妹子主播,她有着“绝地求生一姐”称号,不仅颜值不错,性格也十分好,更是通过自己出色的吃鸡技术赢得了大量玩家的关注。而最近沫子开始接触了CSGO这款游戏,不过在开箱环节却遭遇到了人生最“黑暗”时刻,甚至要气到打算卸载了游戏。

  • 净水器哪个牌子好 选择一个好品牌的重要性

    随着人们生活水平的提高,健康意识的增强,面对频频发生的水污染事件,为了家人的身体健康,越来越多的家庭选择净水器。但是由于净水器在我国尚处在普及阶段,它不象彩电,冰箱有稳定的质量,品牌,以及售后,一些不良商家利用老百姓对净水产品缺乏了解的现状,在市面上销售一些假冒,伪劣的三无净水器蒙骗消费者。所以选择一台好的净水器还是很重要的,好品牌代表着净水器的质量和售后多是有保证的,那这样好的净水器哪个牌子好呢

  • 滨特尔净水器,健康好水的第一选择

    我国净水行业经过多年的发展,已经在消费者间培育起"健康用水"的消费理念。但行业发展从"千团大战"到回归理性,受伤的总是消费者。因此,选择一个好的净水器很重要。值得注意的是,国际净水品牌滨特尔净水器凭借着过硬的品质,赢得了越来越多消费者的信赖。据了解,19世纪20年代,受莱茵河水污染的影响,为帮助人们喝上干净安全的饮用水,德国伯恩一位年仅13岁的少年保罗埃里克发明了世界上第一台净水器。事实上,随着人类社会的发展,环境污?

  • 美瑞时(MRISSTIME)发展历程

    美瑞时(MRISSTIME)是世界著名制表品牌之一,隶属于瑞士瑞时集团,瑞士瑞时集团创立于1978年,总部位于洛桑。集团旗下围绕世界名品钟表收藏及高雅格调文化生活方式交流的全球瑞时会俱乐部100余家,服务于全球近500万VIP客户。自19世纪中叶,Ammann家族开始从事钟表制造及收藏,拥有独立的制表企业及顶级腕表收藏艺术廊、钟表博物馆。Ammann家族所坚持的理念,为品牌开创独树一帜的视野,并留下经典隽永的传世作品。直到今天,美瑞时(MRISSTIM

  • 世纪互联蓝云获得红帽CCSP认证,携手助力企业数字化转型

    中国北京- 2020 年 6 月 3 日,上海蓝云网络科技有限公司(以下简称世纪互联蓝云),正式宣布加入红帽云计算及服务供应商认证(Red Hat Certified Cloud and Service Provider,CCSP)计划,让其客户和独立软件供应商(ISV)对使用红帽解决方案构建下一代IT项目充满信心。作为红帽云计算及服务供应商,世纪互联蓝云将整合平台资源,为用户提供自动化的购买及交付流程。无论是企业用户,还是渠道伙伴都可以通过世纪互联蓝云的线上自助系统

  • 女神异闻录4黄金版全boss攻略汇总 P4G全boss战详细攻略

    女神异闻录4黄金版中boss的数量还是非常多的,一些boss等级和人格面具等级没达到的话就会很难打,下面就来为大家分享一下女神异闻录4黄金版全boss攻略汇总。

  • 净水器什么牌子好,滨特尔助你摆脱选择困扰

    随着水污染的越发严重,净水器的使用让越来越多的人接受,但目前净水器的使用率在国内还不到10%,普及率之所以不高,一方面是消费习惯问题,另一方面则是因为市场上鱼龙混杂,让消费者难以选择,不知道净水器什么牌子好。滨特尔净水器凭借长期专注于净水领域的优势,获得了消费者的认可。2020年年初,大家就被新冠病毒的爆发搞得惶恐不安、人人自危。健康问题逐渐引起人们从思想到行动上的重视。饮用水安全成为健康生活的前提条件,而据国际?

  • 西部数码年中钜惠:云服务器1.6折起,域名5元起,SSL证书5折购

    它来了它来了!西部数码的618年中大促带着满满的诚意和优惠终于来啦!不必等到6月18日,也不必计算复杂的满减折上折,活动规则简单明了,产品优惠实实在在。今天起,即可参与西部数码618云钜惠——超多爆款限量抢,2核2G云服务器3年仅需999元!买代金券获赠20%京东购物卡!活动时间:2020年6月5日—6月19日活动入口:https://www.west.cn/active/20618/爆款产品限时抢购区活动期间,新用户(从未购买过西部数码主机产品且完成实名?

  • 耶鲁智能锁与Yale Access完美组合 让生活事半功倍

    在对于生活质量与要求越来越高的年代,耶鲁这个拥有 180 年悠久历史的品牌,创新推出yaleaccessapp。通过该app,可以绑定家庭中的耶鲁智能设备,轻松管理耶鲁智能锁,让生活事半功倍。 YaleAccess可以做什么? 从功能上看,YaleAccess连结起了耶鲁旗下的智能门锁、智能家居门铃、智能闭路电视、电子猫眼等各类产品,用互联网与高科技构建起家庭安防牢不可破的保卫圈。 YaleAccess可以实时推送信息,将家中智能锁的开锁信息传递到

  • 安信证书:申请免费SSL证书?别被“免费”蒙蔽双眼

    大部分企业网站和个人站长,已经认识到给网站安装SSL证书升级为HTTPS协议的重要性。作为国内领先的网站HTTPS解决方案提供商,安信证书专注提供SSL证书的申请和安装。但发现不少用户在咨询时开口便是有没有免费的SSL证书类似的问题,觉得还是有必要说一说这事儿。有没有免费的SSL证书?有。而且互联网上搜索相关内容就有超过上千万条结果。但你以为这些服务商都是做慈善的吗?俗话说,天上不会无故掉馅饼!天下没有免费的午餐。这是

  • Strategy Analytics:2G和3G用户占全球移动用户总数的46%

    6月19日消息,Strategy Analytics基于其免费报告《低成本4G手机:市场动态和机遇》,并结合最新的产业发展情况,分析了当前2G/3G的退网趋势和4G用户迁移机会。Strategy Analytics最新的无线市场预测,今年初,2G和3G用户占全球移动用户总数的46%,但贡献的收入却只占全球移动总收入的27%。到2023年,这一收入占比将下降到10%。非洲可以认为是一个特例,在这个地区,各国的ARPU值低于2美元,因此通过补贴促进用户迁移可

    2G 3G 4G
  • 兰宝行业精品案例—斗山、丰鲁VOCs废气治理项目作示范工程受电视环保栏目专访

    2019年6月,环保局出台《重点行业挥发性有机物综合治理方案》(环大气〔2019〕53号),明确提出深入实施VOCs精细化管控,推行“一厂一策”制度。年后,山东烟台全面开展了治理效果后评估工作。兰宝项目成示范工程受电视栏目专访 兰宝客户——斗山工程机械和丰鲁精细化工,作为废气治理重点行业(涂装和化工)内影响力企业,其优异的企业废气减排成效得到了环保局的高度认可。山东烟台电视台环保栏目将其作为示范性工程,进行了VOC

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议