首頁 > web前端 > html教學 > 浅谈CSS 选择器_html/css_WEB-ITnose

浅谈CSS 选择器_html/css_WEB-ITnose

WBOY
發布: 2016-06-21 09:07:19
原創
1297 人瀏覽過

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 依然不支持;

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板