CSS_选择符

CSS_选择符
  《CSS入门经典》第五章
 
  以下提示注意事项:
 
  1.如何选择使用id选择符还是class选择符:当确信id选择符在页面的唯一性时,就可以使用id选择符。
 
  2.通用选择符在所有元素上设置样式,并不是只设置继承的默认值。
 
  eg:
 
  注意:使用通用选择符,<em>标签里的内容显示为绿色,而不是<h1>标签的蓝色,它没有继承h1标签的样式。
 
  更改代码:
 
  此时em继承了h1的样式。
 
  3.注意后代选择器与子选择器的区别。(另总结)
 
  4.简单伪类:
 
  (1):active 被激活的元素(例如激活的链接)。
 
  (2):first-child 元素的第一个子元素。
 
  (3):focus 有焦点的元素(例如接收输入的表单字段)。
 
  (4):hover 指向的元素(例如通过鼠标)。
 
  (5):lang() 特定语言的样式。
 
  (6):link 未跟踪的链接。
 
  (7):visited 以前访问过的链接。
 
  注意:
 
  (1) 将伪类和其他的类和伪类放在一起使用时,中间不要留空格,只有。和:指示符。
 
  eg   a.offsite:link{color:green;}
 
  (2) link伪类和visited伪类经常一起使用,用link伪类设置链接未访问时的样式,用visited设置链接访问后的样式。
 
  (3) :first-child伪类用于选择元素,选择的元素是另一个元素的第一个子代。如果第一个子代匹配选择符的基本类型。(:first-child 伪类前面的部分),那么将规则应用于该元素。
 
  eg:
 
  表格中的数字表示支持该属性的第一个浏览器版本号。
 
  注意: :first-child在IE8和更早版本IE版本中必须声明<!DOCTYPE>
 
  ie7.0以前的浏览器是不支持first-child选择器的,所以使用class给特定元素设置样式。
 
  (4):lang()伪类
 
  指示规则应用于匹配某种语言的元素;
 
  eg:
 
  5.CSS中的伪元素
 
  :before 插入元素前的内容
 
  :after 插入元素后的内容
 
  :first-letter 块元素的第一个字母
 
  :first-line 块元素的第一行
 
  (1):first-line伪元素是虚拟伪元素,它只添加应用于首行的特殊样式指示元素的首行。
 
  eg:
 
  注意:当浏览器窗口,字体的大小改变时,设置的css样式同样能适用。所以<span>标签不能复制first-line。因为当它显示在用户浏览器上时,网页作者不知道首行 在哪里结束。
 
  (2):first-letter伪元素可以为块元素的首个字母添加特定的样式。

推荐阅读

    学习写字楼新选择6000元主流配置

    学习写字楼新选择6000元主流配置,,这种配置需要考虑双核心的办公和娱乐平台,充分考虑办公室的办公需求和娱乐需求,以约6000元的预算和cost-e

    wps如何合并章节

    wps如何合并章节,WPS教程,1.WPS表格如何实现单元格合并?WPS 表格在新版本中增加了“合并单元格”系列按钮,同时配有下拉菜单和快捷键。新增

    字符库快捷键|字符串快捷键

    字符库快捷键|字符串快捷键,,1. 字符串快捷键1、单行注释单行注释是 #Mac的快捷键是 command+/windows的快捷键是 Ctrl + /2、多行注

    wps插入罗马字符页码|wps插入罗马数字

    wps插入罗马字符页码|wps插入罗马数字,罗马,页码,插入,字符,1.wps怎样插入罗马数字WPS里面插入罗马数字的方法(以WPS文字为例): (1)使用WPS里面

    联想经典商务机:联想扬天m4600v

    联想经典商务机:联想扬天m4600v,,推荐产品:联想扬天m4600v 参考价格:4660元 联想扬天m4600v配置最近也已经升级,使用英特尔e2160处理器,1GB内存

    玩游戏,i7/i5如何选择

    玩游戏,i7/i5如何选择,,CPU和显卡都在不断更新,每年都有越来越多的性能和特点,但它不一定对每个球员的必要。作为最强的英特尔旗舰处理器酷睿

    自己配置电脑选择cpu|电脑配置怎样选

    自己配置电脑选择cpu|电脑配置怎样选,,电脑配置怎样选买笔记本电脑主要看CPU、显卡、主板、内存、硬盘等硬件的性能参数,当然最关键的是考