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

    千次阅读 2018-08-01 22:07:36
    CSS有哪些选择器? 1.标签选择器(如:body,div,p,ul,li) 2.类选择器(如:class=”head”,class=”head_logo”) 3.ID选择器(如:id=”name”,id=”name_txt”) 4.全局选择器(如:*号) 5.组合选择器...

    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。)


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

    千次阅读 2019-01-25 09:11:21
    css基础选择器有哪些(熟记) 一、选择器作用:规范了页面中哪些元素能够定义好样式,同时也能帮助我们去 二、选择器分类 1. 通用选择器(只能放在样式表) 1. 作用:匹配页面上的所有元素 2. 语法:* ...

    css基础选择器有哪些(熟记)

    一、选择器作用:规范了页面中哪些元素能够定义好样式,同时也能帮助我们去
    二、选择器分类

    1. 通用选择器(只能放在样式表)

        1. 作用:匹配页面上的所有元素 	  
          2. 语法:*
    	 3. *{ 			
    	  属性:属性值;
    	  }
    

    2. 元素择器
    1. 作用:匹配页面上某个元素的样式
    2. 语法:
    3. 元素名{
    属性:属性值;
    }
    3. 类选择器
    1、作用:允许元素使用标签附带的class属性进行引用样式声明
    2、特点:他是一段公共样式,谁想用,谁过来引用即可
    3、语法:
    .类名{
    属性名:属性值;
    }
    4.注意:
    1、类名不能以数字开头
    2、类名不能包含特殊字符(?!- %)
    5.特殊用法-分类选择器
    1、作用:将元素选择器和类选择器结合在一起,从而实现对某种元素的不同样式的细分控制
    2、语法:
    元素选择器.类选择器{
    样式声明;
    }
    6.特殊引用-多类选择器
    1、作用:可以让一个元素同时引用多个类选择器,中间用空格隔开
    2、语法:
    <p class=“类名1 类名2 类名3”></p>
    4. id选择器(专属定制效果,为了元素精准匹配)
    1、作用:实现专属定制效果,为了元素精准匹配,只匹配指定ID值的元素
    2、语法:
    #id{
    样式声明;
    }

    5. 群组选择器
    1、选择器声明以逗号隔开的选择器列表,其目的是为了声明一组选择器的公共样式
    2、语法:
    选择器1,选择器2,选择器3,选择器4,{
    样式声明;
    }

    6. 后代选择器

    1. 作用:用于匹配某元素的后代元素的样式
      后代:一级或者多余一级的父子(层级)关系
      注意:后代选择器之间用空格隔开
      2. 语法:
      选择器1 选择器2{
      样式声明;
      }

    7. 子代选择器

    1、作用:用于匹配某元素的子代元素,能够实现更精准的元素定位
    2、语法:
    选择器1>选择器2{
    样式声明;
    }
    3、注意:子代选择器之间用大于号隔开

    8. 伪类选择器
    1、作用:匹配元素不同状态是的样式
    2、语法:
    选择器:伪类名称{ 样式声明 }
    3、分类
    1、链接伪类(只适用于超链接)
    1、:link 匹配超链接未被访问时的状态
    2、:visited 匹配超链接访问后的显示状态
    2、动态伪类
    1、:hover 匹配鼠标悬停在元素上的状态
    2、:active 匹配元素被激活时的状态(多用于a标签)
    3、:focus 匹配元素获取焦点时的状态(多用于文本框、密码框、多行文本域)

    展开全文
  • CSS的选择器分类可以分为三大类:id选择器,类选择器,标签选择器。 CSS选择器优先级如下...

    本文章转载于:https://www.cnblogs.com/AIonTheRoad/p/11283100.html

    CSS选择器分类:

    CSS的选择器分类可以分为三大类:id选择器,类选择器,标签选择器。

    用法如下:

    选择器e.g.说明
    id选择器#id#header选择id="header"的所有元素
    类选择器.class.message选择class="message"的所有元素
    标签选择器eldiv选择所有的div元素

    其中他们又可以以不同的方式进行组合,如下:

    选择器e.g.说明
    后代选择器el eldiv p选择div元素内部的所有p元素
    子代选择器el>eldiv>p选择div元素的第一子代的所有p元素
    相邻兄弟选择器el+el.msg+p选择与class为"msg"的元素同级且紧跟其后的第一个p元素
    通用兄弟选择器el~el.msg~p选择class为"msg"的元素后面的所有p元素
    群组选择器el,elp, span, .blue,#box选择所有的p元素、span元素、class为"blue"的元素以及id为"box"的元素
    伪类选择器:link,:visited, :hover, :active, :focusa:hover选择鼠标指针位于a标签之上的链接
    伪元素选择器:before, :afterp:before在每个p元素内容之前插入内容
    属性选择器[attribute][target]选择带有target属性的所有元素
    通用选择器**选择所有的元素

    优先级:!important > 内联样式 > id选择器 > 类、伪类、属性选择器 > 标签、伪元素选择器

    权 重: !important:10000

    内联: 1000

    id选择器:100

    类、伪类、属性选择器:10

    标签、伪元素选择器:1

    通用选择器(*)、子选择器(>)、相邻兄弟选择器(+)、通用兄弟选择器(~)权重值为0

    展开全文
  • 这是我们必须要掌握的,本篇文章将给大家来介绍关于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)伪类选择器:
    在这里插入图片描述
    效果描述:

    打开网页时标签为黄色
    将鼠标放在标签上时标签为绿色
    点击标签时标签为蓝色
    点击后标签为红色
    
    展开全文
  • 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选择器有哪些

    千次阅读 2016-05-10 16:19:50
    CSS选择器有哪些 **通用选择器:选择所有元素,不参与计算优先级*,兼容性IE6+ #X id选择器:选择id值为X的元素,兼容性:IE6+ .X 类选择器: 选择class包含X的元素,兼容性:IE6+ X Y后代选择器: 选择满足X选择器...
  • CSS选择器

    千次阅读 多人点赞 2019-11-10 14:33:03
    根据W3C定义CSS3 选择器: 在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。 基础选择器 层次选择器 伪类选择器 伪元素选择器 属性选择器 【基础选择器】 元素选择器(选择元素名) \ 如:p{color:...
  • CSS:CSS选择器之【组合选择器】

    万次阅读 2016-09-21 11:54:35
    的复合选择器能将目标样式应用到更多元素,的复合选择器则会锁定更少元素,总之会让你的选择非常具体。复合选择器主要包括:群组选择器、后代选择器、子选择器和同级元素选择器。群组选择器群组选择器的使用范畴...
  • css的父选择器

    万次阅读 2019-05-22 18:49:45
    css的父选择器 首先声明一点,目前没有css的父选择器。新出的css3也没有。但是已经很多人很多次提案了。 反向选择 在2008年Shaun Inman建议这种父选择器。 a < img{ border: none; } 这段css的目的是选择...
  • CSS3新增选择器

    千次阅读 2019-04-21 17:53:55
    都知道css有三个简单常用的选择器,#id、class和标签选择器。但是css3又新增了一些选择器,可以减少结构代码中ID属性和class属性的定义。使用它们可以减少不少冗杂的代码,便捷开发。下面介绍: css3属性选择器 css...
  • :enabled/*匹配可编辑的表单*/ :disable/*匹配被禁用的表单*/ :checked/*匹配被选中的表单*/ :focus/*匹配获焦的表单*/
  • 文章目录CSS简介CSS样式编写1、内联样式2、内部样式3、外部样式CSS语法选择器常用的选择器元素选择器id选择器选择器选择器分组(并集选择器)通配选择器复合选择器(交集选择器)后代元素选择器子元素选择器伪类...
  • CSS——标签选择器,类选择器

    千次阅读 2020-06-26 21:04:00
    文章目录选择器(重点)CSS基础选择器标签选择器(元素选择器)类选择器选择器小案例小案例 制作一个简易Google图标 选择器(重点) 要想将CSS样式应用于特定的HTML元素,首先需要找到该目标元素。在CSS中,执行这...
  • CSS伪元素选择器

    千次阅读 2017-03-14 10:28:32
    CSS伪元素选择器
  • Css选择器

    千次阅读 2016-05-26 16:40:56
    CSS3 选择器CSS 中,选择器是一种模式,用于选择需要添加样式的元素。 "CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。) 选择器 例子 例子描述 CSS ...
  • CSS ID选择器与CLASS选择器

    千次阅读 2015-08-22 17:10:11
    CSS 中,选择器是一种模式,用于选择需要添加样式的元素。 属性选择器可以根据元素的属性及属性值来选择元素。  三种基本的选择器类型:标签名选择器、类选择器、ID选择器 具体语法如下:  1、标签名选择器,...
  • CSS selector level 3规范中定义了一些和文档层级结构有关的连接选择器(或称组合选择器), 分为后代选择器(Descendant combinator/Child combinators)和同级选择器(Sibling combinators)
  • CSS 选择器详解

    万次阅读 2021-08-17 22:38:55
    CSS 选择器详解一、CSS 选择器介绍简介二、通用选择器1.简介2....CSS选择器是一种用于匹配HTML文档中元素的模式。关联的样式规则将应用于与选择器模式匹配的元素。 选择器是CSS最重要的方面之一,因为
  • CSS相邻同胞选择器

    千次阅读 2017-12-02 14:56:50
    相邻同胞选择器 相邻同胞选择器(E + F),选择紧跟在某个元素的后面,且具有相同父亲的元素。换句话说,E和F是同辈元素,F紧跟在E元素后面,即它们之间没有其他同胞元素。相邻同胞选择器中,+ 两侧的空白符是可选...
  • css标签选择器、类名选择器、多类名选择器 标签选择器:顾名思义,标签选择器就是在css样式中通过标签名字来对标签的样式来进行修改。 代码如下: <!DOCTYPE html> <html lang="en"> <head>...
  • CSS后代选择器

    千次阅读 2017-12-02 14:54:30
    关系选择器 ...于是,关系选择器就包括后代选择器、子选择器、相邻同胞选择器、同胞选择器。 表 2-2 关系选择器 选择器 语法 功能描述 版本 后代选择器 E F 选择E元素的所有后代F元素 1
  • CSS之派生选择器(上下文选择器

    千次阅读 2016-07-02 10:03:42
    选择器(selector)是CSS里面非常重要地一... CSS里面选择器有很多种,今天就只想说说 “派生选择器”。一听“派生选择器”这个名字,我真心做不到见名知义地感觉它是什么选择器。一看英文名叫“contextual selec...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 379,227
精华内容 151,690
关键字:

css有哪些选择器