Home  >  Article  >  Web Front-end  >  浅谈CSS 选择器_html/css_WEB-ITnose

浅谈CSS 选择器_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 09:07:191184browse

A   标签HTML 选择器

body {  
  padding : 0px ;  margin : 0px ;  background-color : #ffdee0 ;
}  

 

B   类别CLASS 选择器

  
......
  

刘德华


  

张学友


  

何炅


  

汪涵

 

 

C   专用ID 选择器

  
......
  

刘德华


  

张学友


  

何炅


  

汪涵

 

D   选择器组合筛选

  
......
  

刘德华


  

张学友


  

何炅


  

汪涵

 

E  选择器集体声明 (选择器之间使用逗号)

  
......
  

刘德华


  

张学友

 

F  选择器的嵌套 (选择器之间使用空格)

  
......
  


    

刘德华


    

郭富城


  

  

张学友

 

G  子选择器:用来选择一个父元素直接的子元素,不包括子元素的子元素。(选择器之间使用大于号)

  
......
使用“子选择器”示例



  

     

aaaaa


     

bbbbb


  


不使用“子选择器”示例

  

     

aaaaa


     

bbbbb


  

注意:

1、子选择器的设置在IE 6 下使用无效(所以本人不推荐经常使用);

2、如果嵌套的父子标签是同一种标签,子选择器的设置也将使用无效。如:

父子标签是同一种标签

 

H  属性选择器:针对HTML 标签中的属性进行选择的。


......

无title属性的段落标签


将有title属性的p标签设置为红色


将title属性值为"t2"的p标签设置为蓝色

注意:

1、属性选择器的设置在IE 6 下使用无效(在IE 7  下使用有效);

2、属性选择器 CSS3 标准还有很多非常实用的特性,但IE 7 依然不支持;

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn