精华内容
下载资源
问答
  • CSS选择器有哪些

    2020-08-07 10:57:34
    一、CSS选择器有哪些 CSS中的选择器很多,比如:ID选择器,类选择器,通配符选择器,伪类选择器等等,接下来主要介绍常用的几个。 1.标签选择器 语法:标签名{},eg:h1{}//为所有的h1元素设置样式。 2.ID选择器 ...

    一、CSS选择器有哪些
    CSS中的选择器很多,比如:ID选择器,类选择器,通配符选择器,伪类选择器等等,接下来主要介绍常用的几个。
    1.标签选择器
    语法:标签名{},eg:h1{}//为所有的h1元素设置样式。
    2.ID选择器
    语法:#id名{}//id值唯一不能重复,eg:#top{}//为id为top的元素设置样式。
    3.类选择器
    语法:.class{},eg:.box{}//为所有的class值为box的元素设置样式。
    4.组选择器
    语法:选择器1,选择器2,选择器N{},eg:#box1,.box2,p{}//为id为box1,class为box2和p的元素共同设置样式。
    5、通配符选择器
    语法:{},eg:{font-size:16px}//将整个页面字体大小设为16px。
    6.后代选择器
    语法:选择器1选择器2{},eg:p.aa{}//选中指定祖先元素p的指定后代.aa。
    7.子元素选择器
    语法:父元素>子元素{},eg:p>.box{}//选中父元素p的指定子元素.box。注意与后代元素选择器的区别
    8.伪类选择器
    伪类可以用来表示一些特殊的状态,如:
    :link-未访问过的超链接。
    :visited-已访问过的超链接。
    :hover-鼠标经过的元素。
    :active-正在点击的元素。
    eg:a:hover{color:red}//鼠标经过a标签时,颜色变为红色。
    二、CSS选择器的优先级顺序
    当同一属性的不同值都作用到了同一个元素时,如果定义的属性之间有冲突,那么应该用谁的值的,这个时候就涉及到CSS的优先级顺序了。
    1.在属性后面使用!important会覆盖页面内任何位置定义的元素样式。
    2.作为style属性写在元素内的内部样式
    3.id选择器
    4.类选择器
    5.标签选择器
    6.通配符选择器
    7.浏览器自定义或继承的

    	总结排序:!important>内部样式>ID选择器>类选择器>标签选择器>通配符选择器>继承>浏览器默认属性
    
    展开全文
  • css选择器有哪些

    2018-07-04 14:49:00
    css的选择器是还是比较富的,主要的css选择器如下: 标签选择器(如:body,div,p,ul,li) .类选择器(如:class="head",class="head_logo") ID选择器(如:id="name",id="name_txt") 全局选择...

    css的选择器是还是比较富的,主要的css选择器如下: 

    1. 标签选择器(如:body,div,p,ul,li)

    2. .类选择器(如:class="head",class="head_logo") 

    3. ID选择器(如:id="name",id="name_txt")

    4. 全局选择器(如:*号)

    5. .组合选择器(如:.head .head_logo,注意两选择器用空格键分开)

    6. .继承选择器(如:div p,注意两选择器用空格键分开)

    7. 伪类选择器(如:就是链接样式,a元素的伪类,4种不同的状态:link、visited、active、hover。)

    8. 字符串匹配的属性选择符(^ $ *三种,分别对应开始、结尾、包含) 

     

    以上选择器在日常开发中最常用的就是标签选择器、类选择器和id选择器,下面是这三种选择器的基本用法:

     

    1、标签名选择器 
    一个XHTML文档中有许多标签,例如p标签,h1标签等。若要使文档中的所有p标签都使用同一个CSS样式,就应使用标签选择器。

    div {color:red;border:1px blue solid;} 
    p {color:#000;}
    

      

    2、类选择器 
    使用标签选择器可以为整个XHTML文档中的同一个标签指定相同的CSS样式。但是在实际运用中,XHTML文档中的同一个标签会被反复使用。若要为相同的标签赋予不同的CSS样式就应使用类选择器。

    <div class="test">测试代码</div> 
    .test {color:red;border:1px blue solid;}
    

      

    3、id选择器,id选择器是唯一的,只可以获取独一无二的一个元素。

    <div id="test">测试代码</div> 
    #test {color:red;border:1px blue solid;}
    

      

    转载于:https://www.cnblogs.com/qingkun/p/9263206.html

    展开全文
  • css选择器有哪些类型?这是我们必须要掌握的,本篇文章将给大家来介绍关于css选择器的基本定义,以及css选择器有哪些类型。 我们话不多说,直接进入正题~~ css选择器是什么? 在百度百科中,我们可以看到css选择器的...

    css选择器在css的学习中无疑是十分重要的,所以,什么是css选择器?css选择器有哪些类型?这是我们必须要掌握的,本篇文章将给大家来介绍关于css选择器的基本定义,以及css选择器有哪些类型。
    我们话不多说,直接进入正题~~

    css选择器是什么?

    在百度百科中,我们可以看到css选择器的基本定义是:每一条css样式定义由两部分组成,形式如下: [code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。说了这么一大段话,其实简而言之,就是要使用css对html页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器,html页面中的元素就是通过CSS选择器进行控制的。(推荐视频教程:CSS教程)

    接下来我们就来看一个图,是对上述定义具体的分析。

    在这里插入图片描述
    如图,我们可以知道:

    在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素

    选择器通常是您需要改变样式的 HTML 元素,如:p,body,h1等等

    每一条格式声明语句由“属性名:属性值”对组成,属性名和属性值间以冒号隔开,每条声明语句以英文状态下的分号“;”结束。

    介绍完css选择器是什么后,我们下面就来看看css选择器有哪些类型?

    css选择器有哪些类型?

    css选择器的种类是有很多的,下面我们就来看一看css选择器的类型

    1、标签选择器(如:body,div,p,ul,li)。

    2、.类选择器(如:class=“head”,class=“head_logo”) 。

    3、ID选择器(如:id=“name”,id=“name_txt”)。

    4、全局选择器(如:*号)。

    5、.组合选择器(如:.head .head_logo,注意两选择器用空格键分开)。

    6、.继承选择器(如:div p,注意两选择器用空格键分开)。

    7、伪类选择器(如:就是链接样式,a元素的伪类,4种不同的状态:link、visited、active、hover。)。

    8、字符串匹配的属性选择符(^ $ *三种,分别对应开始、结尾、包含) 。

    上述八种css选择器中最常用的css选择器是标签选择器、.类选择器、ID选择器、属性选择器、伪类选择器。

    下面我们就分别对这五个css选择器来举一个例子:(其他选择器例子可以参考css手册)

    (1)标签选择器:
    在这里插入图片描述
    效果如下:
    在这里插入图片描述
    (2).类选择器:
    在这里插入图片描述
    效果如下:
    在这里插入图片描述
    (3)ID选择器:
    在这里插入图片描述
    效果如下:
    在这里插入图片描述
    (4)属性选择器:
    在这里插入图片描述
    效果如下:
    在这里插入图片描述
    (5)伪类选择器:
    在这里插入图片描述
    效果描述:

    打开网页时标签为黄色
    将鼠标放在标签上时标签为绿色
    点击标签时标签为蓝色
    点击后标签为红色
    
    展开全文
  • [css] CSS选择器有哪些?哪些属性可以继承? 选择器 通配符 id class 标签 后代选择器 子选择器 兄弟选择器 属性选择器 伪类选择器 伪元素选择器 可以继承的属性 font-size font-weight font-style ...

    [css] CSS选择器有哪些?哪些属性可以继承?

    选择器
    
        通配符
        id
        class
        标签
        后代选择器
        子选择器
        兄弟选择器
        属性选择器
        伪类选择器
        伪元素选择器
    
    可以继承的属性
    
        font-size
        font-weight
        font-style
        font-family
        color
    
    

    个人简介

    我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
    但坚持一定很酷。欢迎大家一起讨论

    主目录

    与歌谣一起通关前端面试题

    展开全文
  • css选择器有哪些

    2020-07-27 17:26:53
    css选择器有哪些? 通配符选择器( * ) id选择器( # myid) 类选择器(.myclassname) 标签(元素)选择器(div) 分组选择器(div,input) 相邻兄弟选择器(h1 + p) 子选择器(ul > li) 后代...
  • CSS选择器有哪些

    2018-09-20 16:14:04
    CSS选择器有哪些?  优先级排序:  !important &gt; 行内样式&gt;ID选择器 &gt; class选择器 &gt; element选择器 &gt; 通配符 &gt; 继承 &gt; 浏览器默认属性同一级别 id选择器: ...
  • CSS选择器有哪些?哪些属性可以继承? CSS选择符: id选择器(#myid) 类选择器(.myclassname) 标签选择器(div, h1, p) 相邻选择器(h1 + p) 子选择器(ul > li) 后代选择器(li a) 通配符选择器(*) 属性选择器...
  • CSS选择器有哪些? 选择符类型 例子 例子描述 通用选择器 *  类别选择器(.class) .intro 选择class=”intro”的所有元素 ID选择器(#id) #first 选择id=”first”的所有元素 标签选择器(element) div 选择...
  • 选择器类型1、ID #id2、class .class3、标签 p4、通用 *5、属性 [type="text"]6、伪类 :hover7、伪元素 ::first-line8、子选择器、相邻选择器三、权重计算规则1.第一等:代表内联样式,如: style=””,权值...
  • CSS的选择器分类可以分为三大类:id选择器,类选择器,标签选择器。 CSS选择器优先级如下...
  • *通用选择器:选择所有元素,不参与计算优先级,兼容性 IE6+ #X id 选择器:选择 id 值为 X 的元素,兼容性:IE6+ .X 类选择器: 选择 class 包含 X 的元素,兼容性:IE6+ X Y 后代选择器: 选择满足 X 选择器的后代...
  • CSS选择器有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先? 选择符类型 例子 例子描述 通用选择器 * 类别选择器(.class) .intro 选择class=”intro”的所有元素 ID...
  • 1、类型选择器CSS中的一种选择器是元素类型的名称。使用这种选择器(称为类型选择器),可以向这种元素类型的每个实例上应用声明。例如,以下简单规则的选择器是H1,因此规则作用于文档中所有的H1元素。2、简单属性...
  • 选择器类型: 1、ID #id 2、class .class 3、标签 p 4、通用 * 5、属性 [type="text"] 6、伪类 :hover 7、伪元素 ::first-line 8、子选择器、相邻选择器   权重计算规则: 1、第一等:代表内联...
  • 一、选择器CSS选择器是CSS规则的第一部分它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式选择器所选择的元素,叫做“选择器的对象”我们从一个...
  • 写一个标签,尝试如何给它设置样式,你用过,总能够想出来好几个:id (#box):唯一的class(.box):选择所有class属性的属性值为 box的元素标签 (div,p):选择所有的div和p元素 所有指定的后代(div p):选择div元素内...
  • 写一个标签,尝试如何给它设置样式,你用过,总能够想出来好几个:id (#box):唯一的class(.box):选择所有class属性的属性值为 box的元素标签 (div,p):选择所有的div和p元素 所有指定的后代(div p):选择div元素内...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,042
精华内容 416
关键字:

css选择器有哪些