繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS属性选择器的四种格式
- CSS样式表
- CSS3教程(10):CSS3 HSL声明设置颜色
- CSS3教程:新增加的结构伪类
- 网页布局绝对定位(position)轻松简单
- 掌握盒模型轻松DIV CSS网页布局
- 实例方式学CSS text-align怎么用
- 网页重构时在IE6中遇到png兼容性
- CSS3教程:边框属性border的极致应用
- CSS网页布局使用表格可以吗？
- 最新版本的CSS选择器浏览器支持情况
- 有序列表和段落设计华丽的网页列表数字
- CSS教程:通过实例学习和理解CSS盒模型
- CSS网页布局的核心内容:CSS盒模型
- CSS3伪类选择器：nth-child()
- CSS教程：inline-block在各浏览器的显示
- CSS实现网页分栏布局的方法：绝对定位和浮动
- CSS实例：用CSS制作网页像素画
- CSS教程：三列固定网页布局实例
- 无hack无js全兼容text-overflow-ellipsis效果
- CSS解决方案：IE6中遇到png兼容性
- CSS学习之类目之间竖线的练习实例
CSS样式表 中的 CSS属性选择器的四种格式
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-11 浏览: 183 ::
收藏到网摘: n/a
属性选择器（AttributeSelectors），或许你不应该对属性选择器感到陌生，从本质上说，id跟类选择器其实就是属性选择器，只不过是选择了id或者类的值（value）而已。
属性选择器的格式是元素后跟中括号，中括号内带属性，或者属性表达式（不知道描述是否正确，自创的词），比如h1[title],h1[title="Logo"]等，你可以从我下面的论述中看到4种具体形式。
1、简易属性选择器
只顾其名不顾其值，这是简易属性选择器的特点。
h1[class]{color:silver;}将会作用于任何带class的h1元素，不管class的值是什么。所以<h1class="hoopla">Hello</h1>、<h1class="severe">Serenity</h1>、<h1class="fancy">Fooling</h1>的h1都会受到这条规则的影响。
当然，这个“属性”不仅仅是class或者id，可以是该元素所有合法属性，比如img的alt，这样img[alt]{cssdeclarationshere;}将会作用于任何带有alt属性的img元素。那么a[href][title]{font-weight:bold;}呢？聪明的你一定已经知道，这会作用于同时带href和title属性的a元素，比如<ahref="http://www.ruanchen.com/'day!</div>而不匹配<plang="fr">Bonjour!</p>和<h3lang="cy-en">Jrooana!</h3>。
说完了，呵……CSS因你而强大，好好练吧。
评论 (0) All
