算法讲解 选择排序(Selection sort)是一种简单直观的排序算法。它的工作原理如下。 算法代码实现 Python 3 代码实现如下,随机生成20个数,保存到列表变量list1中,通过选择排序法进行排序,然后输出排序结果: from random import randrange import ): list1 = [] while len(list1) < 20: # 范围内随机取20个数值 list1.append(randrange(0, 1000, 3) ) print('排序前数组:',list1,'\n') # 通过两个for循环实现选择排序算法 for i in range(len(list1)): min_idx list1[j]) start = datetime.datetime.now() #调用排序函数 Sele_sort() end = datetime.datetime.now() print ('选择排序运行所用时间
(adsbygoogle = window.adsbygoogle || []).push({});
选择排序 概述 选择排序(Selection sort)是一种简单直观的排序算法。 基本过程 n个记录的文件的直接选择排序可经过n-1趟直接选择排序得到有序结果: 在未排序序列中找到最小(大)元素,存放到排序序列的起始位置。 in range(0, 10): random_data.append(random.randint(1, 1000)) return random_data # 选择排序
一、CSS3 简介
----
CSS3 是在 CSS2 基础上进行扩展后的样式 ;
在 移动端 对 CSS3 的支持 要比 PC 端支持的更好 , 建议在移动端开发时 , 多使用 CSS3 ;
PC 端老版本浏览器不支持 CSS3 , 尤其是 IE 9 及以下的版本 , 基本无法使用 CSS3 ;
CSS3 提供了三种选择器 :
属性选择器
结构伪类选择器
伪元素选择器
二、CSS3 属性选择器权重
----
CSS3 提供了三种选择器 :
属性选择器
结构伪类选择器
伪元素选择器
属性选择器 , 伪类选择器 的 权重 , 与 类选择器 权重相同 , 都是 10 ;
参考 【CSS】CSS 特性 ③ ( CSS 优先级 important 权重无穷大
三、CSS3 属性选择器
----
CSS3 属性选择器 可以 使用特定的 CSS 属性 和 属性值 来 选择 特定 的 HTML 标签元素 ;
CSS3 属性选择器 搜索框">
以前学习css的时候总是看见一个效果就看一下,没有系统的学习,最近看见了这个css3的网站,打算系统学习下,今天要跟大家分享的是css3的选择器。 我们先来看一张选择器列表图: ? 一、基本选择器 基本选择器参考传送门:http://www.w3cplus.com/css3/basic-selectors 1、通配符选择器(*) 通配符选择器是用来选择所有元素,也可以选择某个元素下的所有元素 /css3/attribute-selectors IE6不支持属性选择器 CSS3的属性选择器主要包括以下几种: 1、E[attr]:只使用属性名,但没有确定任何属性值; .demo a[id] {background 伪类选择器参考传送门:http://www.w3cplus.com/css3/pseudo-class-selector 1、动态伪类 动态伪类,因为这些伪类并不存在于HTML中,而只有当用户和网站交互的时候才能体现出来 3、CSS3的:nth选择器 这节内容才是关键,也是CSS3选择器最新部分,有人也称这种选择器为CSS3结构类,下面我们通过实际的应用来具体了解他们的使用和区别,首先列出他具有的选择方法: 1):fist-child
CSS3新增选择器 属性选择器 E[attr]只使用属性名,但没有确定任何属性值 E[type="text"]指定属性名,并指定了该属性的属性值 E[attr~="value"]指定属性名,并且具有属性值 开头的 E[attr$="value"]指定了属性名,并且有属性值,而且属性值是以value结束的 E[attr="value"]指定了属性名,并且有属性值,而且属值中包含了value 结构性伪类选择器 注意:子节点不包含文本节点 伪类选择器 E:target 表示当前的URL片段的元素类型,这个元素必须是E E:disabled 表示不可点击的表单控件 E:enabled 表示可点击的表单控件 E:checked 表示已选中的checkbox或radio 伪元素选择器 E::first-line 表示E元素中的第一行 E::first-letter 表示E元素中的第一个字符 E::selection
属性选择器 属性选择器可以根据元素的属性和属性值来选择元素,CSS3中新增的3种属性选择器: E[att^=value]属性选择器是指选择名称为E的标记中的att属性,att属性值包含前缀为value ⚠️以上三种属性选择器E都是可以省略的,若省略则表示可以匹配满足条件的任意元素。 关系选择器 1.子代选择器(>) 子代选择器主要用来选择某个元素的第一级子元素。 2.兄弟选择器(+、~) 兄弟选择器用来选择与某元素位于同一父元素之中,且位于该元素之后的兄弟元素。 临近兄弟选择器(+):该选择器使用‘+’来链接前后两个选择器,选择器中的两个元素有同一父亲,而且第二个元素必须紧跟第一个元素。 (老大跟老二,老二跟老三) 普通兄弟选择器(~):该选择器使用‘~’来链接前后两个选择器,选择器中的两个元素有同一父亲,但第二个不必紧跟第一个元素。
该部分主要为CSS3新增的选择器 接上一篇 CSS(CSS3)选择器(1) 一.通用兄弟选择器: 24:E ~ F,匹配任何E元素之后的同级F元素。 [id ^= start]{ background-color:red; ] /*匹配以id属性的值为start开头的,如id="start1",id="start2",id="start3" */ 三.结构性伪类选择器: 28:E:root,匹配文档的根元素,对于HTML文档,就是HTML元素。 input::placeholder{ color:red; } 至此,CSS(CSS3)选择器的简单说明笔记就到这里结束了,其实这些内容包含了CSS(CSS3)世界的绝大多数常用选择器,当然, 参考:css选择器笔记,30个你必须熟记的css选择器,MDN-docs-选择器介绍,HTML5和CSS3权威指南(第3版下册-庐陵牛)第十九章,before和after伪元素的用法。
CSS3选择器分为:结构型伪类选择器、UI元素状态伪类选择器,否定选择器,和伪元素 一、结构型伪类选择器 :first-child选择某个元素的第一个子元素; :last-child选择某个元素的最后一个子元素 )选择指定的元素; :nth-last-of-type()选择指定的元素,从元素的最后一个开始计算; :first-of-type选择一个上级元素下的第一个同类子元素; :last-of-type选择一个上级元素的最后一个同类子元素 ; :only-child选择的元素是它的父元素的唯一一个了元素; :only-of-type选择一个元素是它的上级元素的唯一一个相同类型的子元素; :empty选择的元素里面没有任何内容。 : 1px solid red; } 四、伪元素 CSS中的伪元素有”:first-line”,”first-letter”,”:before”,”:after”,CSS3是在以前的基础上增加了一个”: ”,也就是变成了”::first-line”,”::first-letter”,”::before”,”::after”,另外还新增了一个”::selection”,两个”::”和一个”:”只是CSS3中用来区分伪类和伪元素
一、基本选择器 子元素选择器 概念:子元素选择器只能选择某元素的子元素 语法格式:父元素 > 子元素 (Father > Children) 兼容性:IE8+、FireFox、Chrome、Safari 、Opera 相邻兄弟元素选择器 概念:相邻兄弟选择器可以选择紧接在另一元素后的元素,而且他们具有一个相同的父元素 语法格式:元素 + 兄弟相邻元素 (Eelement + Sibling) (Eelement ~ Siblings) 兼容性:IE8+、FireFox、Chrome、Safari、Opera 群组选择器 概念:群组选择器是将具有相同样式的元素分组在一起,每个选择器之间使用逗号 、Chrome、Safari、Opera 2、CSS3结构类 Element:first-child 概念:选择属于其父元素的首个子元素的每个 Element 元素 兼容性:IE8+、FireFox 、Chrome、Safari、Opera 3、伪元素 Element::first-line 概念:根据 "first-line" 伪元素中的样式对 Element 元素的第一行文本进行格式化
1.CSS3选择器 属性选择器 在HTML中,通过各种各样的属性可以给元素增加很多附加的信息。例如,通过id属性可以将不同div元素进行区分。 ,而CSS3在CSS2的基础上对属性选择器进行了扩展,新增了3个属性选择器,使得属性选择器有了通配符的概念,这三个属性选择器与CSS2的属性选择器共同构成了CSS功能强大的属性选择器。 3.CSS3 结构性伪类选择器—not :not选择器称为否定选择器,和jQuery中的:not选择器一模一样,可以选择除某个元素之外的所有元素。 6.CSS3 结构性伪类选择器—first-child :first-child选择器表示的是选择父元素的第一个子元素的元素E。 12.CSS3选择器 ::selection选择器 ::selection伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。
一、CSS3选择器分类 1.基本选择器 2.层次选择器 3.伪类选择器 1)动态伪类选择器 2)目标伪类选择器 3)语言伪类选择器 4)UI元素状态伪类选择器 5)结构伪类选择器 6) 3.语言伪类选择器: 根据元素的语言编码匹配元素。这种语言信息必须包含在文档中,或与文档关联,不能从CSS指定。为文档指定语言,有两种方法可以表示: <! 如表单中文本输入框,html元素选中和未选中状态,这几种状态是CSS3种常用状态伪类选择器;详细语法如下: 对于IE6~8使用UI元素伪类选择器需要使用特别的方法处理。
</body> </html> 五、属性选择器 CSS3新增了3个属性选择器,可以对标签进行过滤,更容易定位HTML标签。 下面是CSS3的属性列表。 3.E[attr|=val] 选择attr属性值等于val或以val-开头的所有字符串属性元素。权重 权重为0000: 通用选择器* {} 组选择器h1, h2, p, em, img {} 后代选择器h1 em{} 子代选择器table>tbody>tr{} 分类选择器div.top,header.main {} +相邻兄弟选择器: div.s+p{} 只能选择后面的 ~通用兄弟选择器: div.s~p{} 只能选择后面的 权重为0001: 标签选择器h3 em {} :first-letter每段首字符( css2不兼容,css3兼容) :first-line每行首字符 当:first-letter和:first-line矛盾时优先:first-letter :before :after :content ::selection用户在页面中选中部分(只能改颜色和背景颜色) 权重0010: 类(class)选择器 .special {} 伪类选择器: :link :visited :hover value”] p=[class^=”value”] p=[class*=”value”] p=[class$=”value”] 元素[class~=”value”]匹配class=”c1 c2 c3
前言 css3中增加了not选择器,可以用于排除不符合某些规则的元素,下面我从语法,兼容性,可能的实践三个角度更好的学习使用它。 语法 :not(cssRules) 兼容性 ? .head_nav3{ &:hover li:not(:hover){ opacity:0.5; background:none; } } 寄语 大家觉得可还好? 参考文档 w3c selector :not 菜鸟教程 css3 not codepen案例:css3-not
======================================================================================= 伪类选择器 ? ? ? input[type="radio"]+label{ border:1px solid #cdc3ae; padding:5px 20px;
CSS3选择器再CSS2.1选择器的基础上增加了属性选择器、伪类选择器、过滤选择器,减少了对HTML类名或ID名的依赖,避免了对HTML结构的干扰,让编写代码更加轻松。
标签选择器: <! id选择器和class选择器: <! 2.选择器可以使用标签名称/id名称/class名称 给所有选择器选中的标签设置属性 兄弟选择器: <! (h1~p)是给指定选择器的后面的所有选择器设置属性。 序选择器: <! 5*/ /*{ color: red; }*/ /*p:nth-child(3n+0)/*结果为:0 3 6*/ /*{ color: red; }*/ /*核心:而
这篇文章主要用于存储CSS以及CSS3的选择器部分知识,以便日后查阅及记忆. 该内容分为两部分,第一部分为css选择器的一些基本知识。第二部分为CSS3新增加的选择器。 2、属性选择器,通过属性/属性值 匹配一个或多个元素。 3、伪类,匹配处于确定状态的一个或多个元素。 (例如每个段落的第一个字,或者某个元素之前生成的内容) 5、组合器,这里不仅仅是选择器本身,还有以有效的方式组合两个或者更多的选择器用于非常特定的选择的方法。 6、多用选择器,这些也不是单独的选择器。 #text { font-size: 16px; } /*一个ID名称在文件中必须是唯一的,若是ID名称重复,则可能会出现不可预知的情况,所以一定要避免ID名称的重复*/ 3:.class, 参考:css选择器笔记,30个你必须熟记的css选择器,MDN-docs-选择器介绍,HTML5和CSS3权威指南(第3版下册-庐陵牛)第十九章,before和after伪元素的用法。
题目来源于牛客网 一、选择题 ? ? Go语言自带垃圾回收机制。 ? 如果是值传递的话子函数对map修改不会影响父函数中的map,如果是地址传递则会影响。 ? ?
一、css3之前的选择器 ID选择器 类选择器 包含选择器(E F) 伪类选择器(:link,visited,hover,active,focus,first-child) 伪元素选择器(::first-line ,first-letter,before,after) 通配选择器(.) 属性选择器(foo[name='martin']) 子包含选择器(E>F) 相邻兄弟选择器(E+F) 二、css3新增选择器 新增属性选择器: E[foo^='bar'] 匹配E元素,该元素包含foo属性 开头 E[foo$='bar'] 匹配E元素,该元素包含foo属性,且foo属性值以bar结尾 E[foo*='bar'] 匹配E元素,该元素包含foo属性,且foo属性值包含bar字符串 新增结构伪类选择器