当前位置: css > 技术文档 >

掌握CSS选择符-通配选择符

时间:2010-05-07 22:08来源:CSS中国 作者:网络 点击:
一副地图只有标记了位置才可以让旅游者找到目的地,一篇有效且结构良好的Xhtml文档需要为CSS样式提供相应的接口,才能让CSS样式得到用武之地。要想发挥CSS的价值,就需要掌握如何正确

一副地图只有标记了位置才可以让旅游者找到目的地,一篇有效且结构良好的Xhtml文档需要为CSS样式提供相应的接口,才能让CSS样式得到用武之地。要想发挥CSS的价值,就需要掌握如何正确使用CSS选择符。

通配选择符

所谓通配符,其实只是一个星号而已,但这么简单的一个星号通配符的作用是很强大的。通配选择符一般用来对网页所有元素应用样式。

例如:

  1. *{     
  2. padding:0;     
  3. margin:0;/*将页面所有元素的内补丁外补丁设置为0*/    
  4. }   

在图书的情况下,可以对特定的元素的所有后代元素应用样式。例如将页面中P标签所包含的所有后代元素字体设置为红色,

例如:

CSS部分

  1. *{color:#000;}/*将页面所有颜色设置为黑色*/    
  2. p{color:#00f;}/*将P标签中的所有后代颜色设置为蓝色*/    
  3. p *{color:#f00;}/*将P标签中的所有后代元素颜色设置为红色*/   

Xhtml部分

  1. <P>我是蓝色CSS 很强大,可以控制页面中任何元素的表现方式</P>    
  2. <DIV>我是黑色与众不同 www.csschina.net</DIV>    
  3. <P>我还是蓝色 <SPAN>我另类我是红色</SPAN><SPAN>我也是红色我</SPAN><STRONG>真有缘耶,我也是红色</STRONG></P>   

思考:如何利用通配符选择将Strong标签内的span标签中的文字颜色改变?

本文由CSS中国整理

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐内容
相关内容
赞助商