CSS3-基本选择器

css基本选择器

选择器仅出现在 文档内嵌样式表 或者 外部样式表 中
主要分为以下六种选择器

  1. 选择所有元素
  2. 根据类型选择元素
  3. 根据类选择元素
  4. 根据id选择元素
  5. 根据属性选择元素
  6. 其他选择器(比如 ”:“冒号选择器-选择器动作)
1.选择所有元素




    
    MelanceXin SelectAllCSS_Test
    



    MelanceXin 
    

MelanceXin

MelanceXin

2.根据类型选择元素




    
    MelanceXin SelectByTypeCSS_Test
    



    MelanceXin 
    

MelanceXin

MelanceXin

3.根据类选择元素




    
    MelanceXin SelectByClassCSS_Test
    



    MelanceXin 
    
    MelanceXin 
    

MelanceXin

4.根据id选择元素




    
    MelanceXin SelectByIDCSS_Test
    



    MelanceXin 
    
    MelanceXin 
    
    MelanceXin 



ID选择器类选择器 的区别:

  • 共同点:都可以用作选择器使用,改变该属性外面的元素的样式。
  • 不同点:ID选择器叫做唯一选择器,通俗点说就是这个元素的一个身份证,或者说是主键。
    即在网页内或者网页内嵌网页中此ID属性的属性值确保只出现过一次,不能重复使用!
    (但即使两个id属性值一样也可以正常使用,但不符合id选择器定义时的规范)
    类选择器的属性值可以多次使用,相当于将不同元素如果想要表达出同一效果而进行的分门别类。
5.根据属性选择元素




    
    MelanceXin SelectByAttributeCSS_Test
    



        MelanceXin  
        MelanceXin  
        MelanceXin   



6.":"冒号选择器-选择器动作




    
    MelanceXin SelectByActionCSS_Test
    



        MelanceXin  
        MelanceXin  
        MelanceXin   
        

MelanceXin

你可能感兴趣的:(ASP.NET,HTML+CSS+JS)