如何用CSS选择器查询和风格化Web元素(2)

来源:互联网 责任编辑:栏目编辑 发表时间:2013-07-01 22:42 点击:

类选择器不能使用HTML 保留的元素如heading,p,h1等等。你还可以通过用空格分开的方法对同一个元素使用多个类。列表D演示了使用多个类来风格化一个特定的段落。

你可以将类选择器和类型选择器结合在一起使用,来风格化拥有分配的类的某些元素。在这个场景中,当定义样式时,元素名有一个由空格隔开的类名。列表E中的例子演示了这样的技巧,即仅拥有赋予的特定类名的段元素才风格化为某种方式,而拥有相同类名的头部风格化为另一种形式。我将会在使用元素的ID属性时,更详细的介绍。

ID

类选择器可以让你风格化一组或一类元素,但是你还可以更具体的风格化页面中的元素。页面中的每个元素都有一个ID属性,这个ID在整个页面中是唯一的。ID可用于诸如JavaScript等脚本语言对于元素的操作,它还可以用于样式风格化。

当为一个特定的元素ID定义样式时,需要在样式定义中在ID前面添加数字符和(#)。这样来告诉系统只有拥有该ID的元素才可以应用这个样式。需要注意的是,因为ID号都是唯一的,所以样式可能仅使用一次,如列表F中的例子所示。(在本文的后面,我们将介绍样式也可以通过元素的属性使用)。

在这种情况下,ID作为一个属性可以看到并被风格化,但是ID选择器总是比其它的属性选择器优先。在使用ID选择器风格化页面上的某个特定元素的同时,你还以通过页面内元素的上下文来定位任何风格化的元素。

祖先

CSS使得通过页面内元素间的关系风格化元素变得很简单。利用祖先选择器,你可以定位文档

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • WordPress添加百度喜欢按钮小技巧
  • Wordpress 博客如何实现自定义Gravatar头像
  • 网站设计分析:建立良好的视觉层级
  • 网站设计分析:“中国式设计”的三个方向
  • 案例分析:奥巴马筹款网站的制作过程
  • 创建不平衡的平衡:在网页设计中使用不对称设计
  • 7大主流B2C首页导航栏设计对比分析
  • Wordpress页面模板制作方法及使用
  • css控制文字前的小图标
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1