首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

选择符和ID选择符

首先给选择符起一个名字,然后把这个名字指定给想装饰的HTML标签。例如上一个例子中,我就给第一个div命名为“one”。 类选择符还能精确控制某个元素的外观,而不管元素使用的是哪个标签。...这时就可以用类选择符选取要装饰的词。 需要注意的是,使用类选择符选取某个标签里的部分单词时,需要借助标签。 类选择符的用法: 在CSS中,类选择符的名称必须以点号开头。...这样Web浏览器才能在样式表中找到类选择符。 类选择符的名称中只能包含字母、数字、连字符和下划线。 选择符的名称必须以字母开头。 类选择符区分大小写。 在HTML中,标签设置class属性。 。...ID选择符 CSS使用ID选择符选取网页中的特定部分,例如横幅、导航栏或者主内容区域。 在HTML中设置ID的方法与设置类的方法差不多,不过使用的属性不同。...如果有个按字母表顺序排列的术语表,可以使用ID选择符链接到以各个字母开头的部分。 Web设计圈有个趋势,尽量不在CSS中使用ID选择符

82570

【CSS选择符】后代选择符

在学习后代选择符之前,首先要了解一下组成一个网页的HTML家谱,每个HTML标签标示其中一个家庭成员。网页中的第一个HTML标签(标签),相当于所有其他标签的始祖。...后代选择符可以由2个以上元素组成,例如: ul li a body li a html li a html body ul li a 以上四个选择符的作用相同,因此表明,无需指明目标标签的所有直系。...一般来说,应该使用能达到目的的最简短的后代选择符。所有标签都在和标签里,因此没要在后代选择符中指定和。 后代选择符里的选择符数量会影响冲突样式的处理方式,这种冲突处理机制成为特指度。...同样的,后代选择符也不局限于只能使用类型选择符。 可以使用不同类型的选择符构建复杂的后代选择符

76950
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前台开发从头说起:谈谈CSS选择符

    于是,css选择符的地位在这个前提下就空前的提高了。所以,在开始学习盒模型、浮动、定位之前,有必要回顾一下选择符。...一般稍微接触过css的网页设计人员,都会很快地学会三种css选择符: 元素选择符(例如:body 、a 、li ) ID选择符(例如:#head、#body、#foot) 类选择符(例如:.red、....item、.content) 更进一步之后,开始了解到一些进阶的选择符: 后代选择符(例如 #head .menu、#foot #copyright) 伪类选择符(例如 a:hover、a:link...) 以及由这些选择符组合起来形成的综合选择符。...实际上css还支持一些更丰富的选择符。但是能够被浏览器广泛支持的其实主要就是上面这几种,其它的选择符在css中往往用来区别处理不同的浏览器,或者用在jQuery一类的框架中。本文就不提了。

    1K70

    上下文

    所以业务上下文变更需要慎之又慎。 运行程序上下文 大家应该对一句话有印象:(进程/线程)上下文切换开销很大。这里的上下文一般指的就是运行程序的上下文。...这里的通信问题就是进程上下文切换开销大的缘故。 方法/类所在的上下文(作用域) 方法上下文可以理解为方法所在的作用域。类亦如此。 还有一些比较特殊的概念实际上也是和方法上下文相关。...比如worker语言特性中,需要监听message事件,这实质上,就是在当前上下文监听另一个上下文的状态。再比如回调函数。实际上是因为上下文变更后,对原有上下文访问的一种编程手段。...从这个角度看,闭包实质上也是对上下文的一种操作手段:返回一个函数,该函数在当前上下文可以操作闭包上的上下文。...执行上下文:当函数或方法被调用时,它会创建一个执行上下文,这个上下文包括了局部变量、参数、返回地址等信息。在JavaScript等语言中,执行上下文还包括this的值。

    8910

    CSS入门指南-1:css工作原理

    用于选择特定元素的操作符有三种 上下文选择符。...ID和类选择符。基于id和class属性的值选择元素。 属性选择符。基于属性的有无和特征选择元素。 上下文选择符 比如我们想给article中的段落设置不同的字号,可以使用上下文选择符来解决。...上下文选择符的格式如下: 标签1 标签2 {声明} 其中标签2 是我们要选择的目标,而且只有在 标签1是其祖先元素的情况下才会被选中。 上下文选择符,叫后代组合式选择符,就是一组以空格分隔的标签名。...上下文选择符以空格作为分隔符 特殊的上下文选择符选择符 > 格式如下: 标签1 > 标签2 标签1 必须是 标签2 的父元素,不能是其它的祖先元素。...如果加了,就变成祖先/后代关系的上下文选择符了。 ID属性 ID属性与类写法类似,用#表示。

    85920

    用属性选择符来解决IE跟FF的兼容性问题

    用属性选择符来解决IE跟FF的兼容性问题 由 Ghostzhang 发表于 2006-04-24 11:39 从之前写过的《属性选择符的使用》中发现了一个可以用来解决IE跟FF兼容性的问题,因为IE...不支持CSS的属性选择符。...important声明提高样式的优先级不就完了吗,用属性选择符来为FF写样式意义不大。使用!important声明的确是比较方便,但IE6也认识这个声明,也就是说如果你给FF写了!...使用属性选择符就不会有这样的问题,而且可以将多个定义写到一起,是不是比较方便呢?看看下面的样式: /* 使用声明 */ div.try{ width:200px !...在《CSS样式的优先级补遗2》及《属性选择符的优先级》中我们了解到,ID选择符的特性值为100,而属性选择符的特性值为11,即不能达到将样式定义分开的目的。

    34820

    cpu上下文

    进程的上下文 用户级上下文: 正文、数据、用户堆栈以及共享存储区;寄存器上下文: 通用寄存器、程序寄存器(IP)、处理器状态寄存器(EFLAGS)、栈指针(ESP);系统级上下文: 进程控制块task_struct...它们都是 CPU 在运行任何任务前,必须的依赖环境,因此也被叫做 CPU 上下文。 进程上下文切换 ? 每当内核压入一个新的系统上下文层时,它就要保存一个进程的上下文。...特别是当系统收到一个中断,或一个进程执行系统调用,或当内核做上下文切换时,就要对进程的上下文进行保存。上下文切换情况: 一个进程结束,需要从队列中重新选择一个进程运行。...从逻辑上讲,新上下文层的核心栈不同于前一上下文层的核心栈。...这些指令恢复前一上下文层的寄存器上下文和核心栈,使它们和中断发生时的情况一样,并恢复该上下文层的运行。

    80020

    jQuery选择器Sizzle原理分析(下)

    如果没有种子集合并且是单组选择符(没有逗号) (1)尝试缩小上下文:如果第一个token是ID选择符,则会执行Expr.find["ID"]的方法来找到这个上下文,以后所有的查询都是在这个上下文进行,然后把第一个...ID选择符剔除。...进入到编译过程 这里面需要讲解下为何要进行筛选的工作,前面也说过,目的就是为了尽量缩小查询范围,首先缩小上下文范围,然后缩小种子集合范围,因为从右向左查询的过程更快,所以我们是从后面开始搜索种子集合,搜索到之后...下面介绍下matcherFromTokens这个方法:输入参数是tokens,然后对每个token进行处理,这里需要了解一个知识点: 非伪类的选择符 有普通选择符和关系选择符两种,关系选择符包括以下几种情况...关系型运算符:把当前的关系选择符和前面的选择符一起共同组成一个过滤函数,push到matchers数组中。

    77620

    执行上下文

    执行上下文概念 2.执行上下文类型 全局执行上下文 函数执行上下文 eval函数 3....执行上下文的内容 变量对象 活动对象 作用域链 调用者信息 4.执行上下文的生命周期 创建阶段 执行阶段 销毁阶段 执行上下文概念 执行上下文为我们的可执行代码块提供了执行前的必要准备工作,如变量对象的定义...执行上下文的类型 JS中有三种执行上下文类型: 全局执行上下文:默认的最基础的执行上下文,一个程序只会存在一个全局上下文,它在整个JS脚本的生命周期中都会存在于执行堆栈的最底部,不会被栈弹出销毁。...执行上下文栈 当一个脚本运行起来的时候,可能会调用很多函数并产生很多函数执行上下文,为了管理这些执行上下文,JS引擎就创建了“执行上下文栈”(Excution context stack简称ECS)来管理执行上下文...每当引擎发现一处函数调用,就会创建一个新的函数执行上下文压入栈内,并将控制权交给该上下文,待函数执行完成后,即将该执行上下文从栈中弹出销毁,将控制权重新给到栈内上一个执行上下文

    94110

    理解上下文

    什么是上下文?对于一个非IT出身的学生,初次见到上下文这个词着实让我困惑,特别让我想起了学生时代的阅读理解。理解字里行间的逻辑,提炼中心思想。 ?...所以它的上下文分为两种,筛选上下文(即列的上下文)和行上下文。 ? 筛选上下文最容易理解,是纵向的列筛选条件。...比如下面的表中销售量2974的筛选上下文是"2016年-第2季度-拿铁",即对日期列和咖啡种类列的筛选。 ? 行上下文,顾名思义,是要横向的看。最简单粗暴也是最好用的理解方法就是视行上下文=当前行。...关键的语法就在这里了,行上下文不会自动转换成筛选上下文,如果需要转换,要使用Calculate。请记住这条规则。我们试一下把公式外套一个Calculate。...外套Calculate的作用是把Filter中的行上下文(当前行)转换成了以城市为筛选条件的筛选上下文,完成数量>200的测试,再以完成测试后返回的虚拟表来确定最终的筛选上下文。 ?

    1.6K21

    「理论」jQuery选择器Sizzle原理分析(上)

    通过创建编译函数,通过空间换时间的方式,来提高相同选择符的查询性能,每个选择符查询之后都会被词法分析,然后创建为过滤函数,只要对种子集合执行过滤函数即可,后面会详细介绍。...尝试缩小上下文范围,默认上下文是document,在这里我们发现#div_test是个ID选择符,可以直接把上下文定位到div_test这个节点,从而提高了查询性能 3. ...Sizzle也通过两个尝试,一是缩小上下文,一是建立初始集合seed集合,从而尽可能的去缩小查询的范围,尽可能的提高查询的性能。...然后开始分析 ID,TAG,CLASS,ATTR,CHILD,PSEUDO选择符,如果匹配到了相关选择符,再看看是否需要预处理,如果需要再进行预处理返回(只有部分选择符需要,后面详解),然后压入数组,删除相关选择符字符串...,因为Sizzle里面把选择器字符串的类型就分了这么几种 ID:ID选择符 Class:类选择符 Tag:标签选择符 ATTR:属性标签 CHILD:包括(only|first|last|nth|nth-last

    1.1K10

    书写高质量jQuery代码的6条经验

    方法2:为要查找的元素添加了上下文,在这里变为查找id为nav的子元素,查找性能得到了很大提升。 方法3:使用了find方法,它的速度更快,所以方法三最好。...2.2、避免多个ID选择符 Id选择符应该是唯一的,所以没有必要添加额外的选择符。...// 糟糕$('.someclass :radio');// 建议$('.someclass input:radio'); 2.4、避免通用选择符 将通用选择符放到后代选择符中,性能非常糟糕。...// 糟糕if(collection.length > 0){..}// 建议if(collection.length){..} 2.6、为选择器指定上下文 默认情况下,当把一个选择器传递给jQuery...时,它将遍历整个DOM,jQuery方法还具有一个未充分利用的参数,既可以将一个上下文参数传入jQuery,以限制它只搜索DOM中特定的一部分。

    1.3K90

    识别限界上下文

    01 识别限界上下文 既然限界上下文如此重要,如何识别限界上下文就成了重中之重。 识别限界上下文当然不能拍脑袋凭经验,可许多内容又不得不借助经验。...识别限界上下文,不仅仅要获得有哪些限界上下文。在给出的架构方案中,如果你只是画一些框图,说明这个系统有哪些限界上下文,其实对于开发团队而言,并没有价值。...我们必须在识别出限界上下文的同时,还需要明确问题空间中的业务服务与限界上下文之间的映射关系。 识别限界上下文不是一蹴而就的,需要经历多次迭代,也可能在识别之后还要经历不断的演化。...,获得初步的限界上下文。...根据这四个原则对限界上下文一一进行校验和检查后,领域维度识别出的限界上下文就基本合理了。

    55940
    领券