html-选择器的使用

一.  标签选择器

标签选择器

    作用:根据指定的标签的名称,在当前界面中该名称的标签
    然后设置值

    标签选择器选中的是当前界面中的所有的标签
    而不能单独选择其中的某一个标签

    2.标签选择器无论藏得有多深都可以被选中
    3.只要是html中的标签就可以作为标签选择器

二：id选择器


id选择器:

单独设置需要使用id选择器:
作用:根据指定的id名称,找到对应的标签,然后设置属性
格式:
#id名称{

    属性:值;

}

2.在同一个界面中id的值是不可以重复的
3.在编写id选择器时一定要在id的名称前面加上#
4.id的名称是有一定的规范的
    4.1 id的名称只能有字母,数字以及下划线组成的
    a- z 0- 9 _三类组成
    4.2 id的名称不能以数字开头
    4.3 id的名称不能使html的标签的名称
    4.4 在企业开发中,一般情况下,如果仅仅是为了设置样式,我们不会使用id
    因为在前端开发中id是留给js使用的
搭建了房间爱的数量

搭建了房间爱的数量

搭建了房间爱的数量

三：类选择器





我是附近奥法安抚发
我是附近奥法安抚发
我是附近奥法安抚发
我是附近奥法安抚发


四：后代选择器


    

发阿发答案
    


      
jfajf;f 
      
jfajf;f 

     

发发的发GV阿道夫

五: 子元素选择器
 
        

我是段落


我是段落
我是段落

    
我是段落






六：子元素选择器和后代选择器的区别




七： 交集选择器
     

    

我是段落
我是段落
我是段落
我是段落


八：并集选择器
    
    

    
我是标题
    
我是内容

    
w我是段落
    
w我是段落


九：兄弟选择器
     





wo是标题
我是超链接
我是段落
记录发件方垃圾分类

wo是标题
防范大风分类
发生的发的是




十：序选择器
     





我是标题
我是段落1
我是段落2

    
我是段落3
    
我是段落4
    
我是段落5
    
我是段落6
    
我是段落7


    
我是段落8
    我是段落9



十一:序选择器下篇

  



woshi标题
我是文本
我是文本
我是文本
我是文本
woshi标题

我是文本
我是文本
我是文本


十二：属性选择器
     




我是度阿奴1
我是度阿奴2
我是度阿奴

我是度阿奴3
我是度阿奴4
我是度阿奴
我是度阿奴5
我是度阿奴6



 十三：属性选择器下
  











十三：通配符选择器