VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > 网站开发 > HTML >

  • css3教程之CSS 分组 和 嵌套 选择器

Grouping Selectors

在样式表中有很多具有相同样式的元素。



    

  1. 

    
h1  {  color:green;  }  h2  {  color:green;  }  p  {  color:green;  }
    

    2. 




复制





为了尽量减少代码，你可以使用分组选择器。



每个选择器用逗号分隔.



在下面的例子中，我们对以上代码使用分组选择器：





实例




    

  1. 

    
h1,h2,p  {  color:green;  }
    

    2. 




复制

运行一下 »



嵌套选择器



它可能适用于选择器内部的选择器的样式。



在下面的例子，为所有p元素指定一个样式，为所有元素指定一个class="marked"的样式，并仅用于class="标记"，类内的p元素指定第三个样式：





实例




    

  1. 

    
p  {  color:blue;  text-align:center;  }  .marked  {  background-color:red;  }  .marked p  {  color:white;  }
    

    2. 











    













相关教程