CSS中常用的选择器:(一)基本选择器(二)层次选择器(三)动态伪类选择器(四)目标伪类选择器(五)ui状态伪类选择器(六)结构伪类选择器(七)属性选择器(八)伪元素 (一)基本选择器1.标签选择器:通过标签名获取元素 权重:0001 (此种选择器影响范围大,建议尽量应用在层级选择器中。)2.class选择器:通过 . 类名获取元素权重:0010 (通过class类名来选择元素,一个类可应用于多个元素,一个元素上也可以使用多个类,应用灵活,可复用,是css中应用最多的一种选择器。)3.id选择器:通过 # id名获取元素 权重:0100 (通过id名来选择元素,元素的id名称不能重复,所以一个样式设置项只能对应于页面上一个元素,不能复用,id名一般给程序使用,所以不推荐使用id作为选择器。 )4. * 通配符选择器:获取到页面的所有元素5.群组选择器:用逗号隔开基本选择器,表示这些选择器都获取到 (二)层次/关系选择器 (主要应用在选择父元素下的子元素,或者子元素下面的子元素,可与标签元素结合使用,减少命名,同时也可以通过层级,防止命名冲突。)1.包含选择器:用空格隔开基本选择器,表示后一个选择器是前面的后代例:p a { color:red}2.子代选择器:用>隔开基本选择器,表示后一个选择器是前面的子代例:ul>li { line-style: none}3.相邻兄弟选择器:E+F:表示获取到E后面的紧跟着的F元素(同级的) 例: a+a { }4.兄弟选择器:E~F:表示获取到E后面所有的同级的F元素 例: li~li { }(三)动态伪类选择器1. a:link 锚链接被访问前添加样式2. a:visited 锚链接被访问后添加样式3. e:hover 鼠标悬停在元素上添加样式4. e:active 鼠标点击元素时添加样式5. :focus 表单元素被聚焦时,添加样式(四)目标伪类选择器语法: 目标:target {属性:属性值} 被选中的目标添加样式目标:target E子元素{属性:属性值} 被选中的目标里的E子元素添加样式 (五)ui状态伪类选择器1. :enabled 可用的表单元素添加样式2. :disabled 不可用的表单元素添加样式(disabled )3. :checked+E 被选中的表单元素添加样式(六)结构伪类选择器1. E:first-child 获取到E元素,且要满足为其父元素的第一个孩子。2. E:last-child 获取到E元素,且要满足为其父元素的最后一个孩子3. E:nth-child(n) 获取到E元素,且要满足为其父元素的第n个孩子n的用法:(1)6n倍数 (2)even偶数/2n odd奇数/2n-1(如可用来选中奇偶行来实现 “隔行换色”) (3) -n+5 选中1-5(4)p:nth-child(-n+3):nth-child(n+2) 2-3个4. E:nth-last-child(n) 获取到E元素,且要满足为其父元素的倒数第n个孩子5. E:first-of-type 获取到E元素,且要满足为其父元素的第一个该类型的孩子6. E:last-of-type 获取到E元素,且要满足为其父元素的最后一个该类型的孩子7. E:nth-of-type(n) 获取到E元素,且要满足为其父元素的第n个该类型的孩子8. E:nth-last-of-type(n)获取到E元素,且要满足为其父元素的倒数第n个该类型的孩子9. E:empty 获取到空的E元素(注:连空格都不能有)(七)属性选择器1. E[attr] 拥0有attr属性的E元素添加样式 如div[class] 2. E[attr="val"] 拥有attr属性值 为 val的E元素添加样式 如p[class="ab"]3. E[attr*="val"] attr属性值 包含 val的E元素添加样式 如ul[class="c"] 指class类名中包含有c字母的E元素4. E[attr^="val"] attr属性值以val 开头 的E元素添加样式5. E[attr$="val"] attr属性值以val 结尾 的E元素添加样式(八)伪元素1. E::before给E元素添加第一个子元素 (前面) 2. E::after 给E元素添加最后一个子元素(后面)3. E::first-letter给E元素第一个字添加样式4. E::first-line给E元素第一行添加样式 5. E::selection 元素内容被选中时添加样式(火狐需要加前缀-moz-)CSS选择器、优先级与匹配原理\x0d\x0a1.id 选择器(#myid)2.类选择器(.myclassname)3.标签选择器(div,h1,p)4.相邻选择器(h1+p)5.子选择器(ul 通配选择符的权值 0,0,0,0\x0d\x0a2.标签的权值为 0,0,0,1\x0d\x0a3.类的权值为 0,0,1,0\x0d\x0a4.属性选择的权值为 0,0,1,0\x0d\x0a5.伪类选择的权值为 0,0,1,0\x0d\x0a6.伪对象选择的权值为 0,0,0,1\x0d\x0a7.ID的权值为 0,1,0,0\x0d\x0a8.important的权值为最高 1,0,0,0\x0d\x0a使用规则: 选择器的权值加到一起,大的优先;如果权值相同,后定义的优先 。\x0d\x0a从上面我们可以得出两个关键的因素:\x0d\x0a1.权值的大小跟选择器的类型和数量有关\x0d\x0a2.样式的优先级跟样式的定义顺序有关使用css设置鼠标放置在链接上时的样式应使用hover选择器。hover选择器:算是交互式的,是鼠标移上去回发生效果。定义和用法::hover在鼠标移到链接上时添加的特殊样式。提示:hover选择器器可用于所有元素,是链接。比如说下拉菜单功能,鼠标移上去会显示菜单:在dropdown-content里设置了displaynone,就是把这两行隐藏,给dropdown添加了hover选择器,效果是displayblock,变为块级元素,就形成了鼠标移过去显示菜单的效果。
css有哪些选择器
给您推荐相同类型的内容:
笔记本电脑卡顿反应慢怎么处理
笔记本运行慢建议先从软件着手解决:原因一:第三方软件电脑卡的一个原因可友蔽能是安装了第三方软件,尤其是优化和杀毒类软件。所以如果一定要装此类软件,一定要从正规渠道下载,安装的时候注意避免安装捆绑软件。原因二:系统后台系统或杀毒软件在后台自R语言交叉验证问题
r语言svm怎样用交叉验证找到最优值1.1C语言的发展过程C语言是在 70 年代初问世的。一九七八年由美国电话电报公司(AT&T)贝尔实验室正式发表了C语言。同时由B.W.Kernighan和D.M.Ritchit合著了著.NET下所有语言都可以轻松被反编译吗
JVM和CLR下面的所有语言都是先编译为字节码的,相对于传统的C++,容易被反编译容易被反编译的不仅仅是C#,还有Java,F#,VB.net,事实上,C#已经可以通过native编译直接生成机器码运行了(.net native技术)这样一我是南昌的的,在青山南路欧歌钢琴城看了一款三益JS-122钢琴,折后价28000贵不贵,声音听起来不错。
三益JS122是属于高端演奏级立式钢琴,这款琴不错,我有个朋友是在钢琴厂上班的,我买琴的时候找他了解过,还有个JS121的。这两款琴的按键回弹速度是达到了巅峰,我朋友说三益用了磁铁回弹,速度达到了顶级三角琴的速度。JS122的是用双层音板,css鼠标放上去把箭头变成手一样的样式怎么写
任意标签中插入 style="cursor:hand" 多种形状可供选择hand是手型 pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。 crosshair是十字型 text是移动到文本上的那种效移动硬盘怎么装系统
问题一:怎么用移动硬盘装系统?我想用移动硬盘装WIN7。。。移动硬盘和u盘安装骸统的方法基本一样: 移动硬盘安装系统的方法: 1.首先将移动硬盘制作成可启动的移动硬盘。到网上通过百度搜索下载“杏雨梨云U盘系统2011”U盘启动盘义乌单考单招比较好的学校
义乌单考单招比较好的学校如下:金乡职业学校、温岭市职业技术学校、金华市高级技工学校、义乌国际商贸学校。温州苍南县金乡职业学校位于浙江省温州市苍南县金乡镇,新起点,新方向,我们在阳光下成长,温州苍南县金乡职业学校,办学理念:尊重个性,和谐发展css中的英语单词
这个不是什么单词...就是CSS里面的属性值..应该是cursor属性里面的值..指的是鼠标的样式...后面带resize的..意思就是..鼠标不同的拉伸时候的状态......比如移动窗口的时候..鼠标是一种状态...拉长窗口的时候又是一种如何查看电脑系统是32位还是64位
通过电脑系统信息即可查看电脑是32位还是64位,具体方法如下:1、打开电脑,左下角点击开始,2、在弹出的菜单中,单击设置3、在弹出窗口中,单击系统。4、在弹出窗口中,单击关于。5、在弹出的页面,系统类型中,可以看到电脑的系统位数。一个32微信大转盘抽奖怎么做?
工具:微信营销第三方平台微信大转盘抽奖制作步骤:1、打开微信营销第三方平台,点击左侧的“大转盘”功能选项;2、然后点击右上角的“新建活动”功能选项;3、然后填写活动名称、时间、活动说明,和选择活动参与者所需提供的信息;4、然后设置奖品html怎么添加页眉页脚
首先我们来介绍一下@page的相关用法:@page用于设置页面容器的版式,方向,边空等。语法:@page <label><pseudo-classes>{ sRules }取值:&acss 浏览器导航栏如何将按钮平均放置
css 浏览器导航栏如何将按钮平均放置①用弹性布局flex, justify-content:space-beeen②固定外面的宽100% 行高固定,把里面分成5等份每个占20%(设定居中 ),用浮动排列 然后里面每个图示放在刚刚分css外部样式的reset.css是干嘛的?
Reset是重置的意思。现在的浏览器五花八门,光ie就有好多版本,还有火狐,Chrome等等。每个浏览器的默认样式也是不同的。所以就要考虑一个兼容问题。比如你用ie打开网站正常,但是用火狐或其他浏览器打开的时候,网站就变形了。这些都属于兼容三甲医院的评定标准是什么?
依照中国的《医院分级管理办法》规定划分的医疗机构级别。三甲医院是中国内地对医院实行“三级六等”的划分等级中的最高级别。三甲医院申报考核的主要项目包括医疗服务与管理、医疗质量与安全、技术水平与效率。内地民营医院也可以参与医疗等级评定。评审笔记本怎么设置桌面壁纸
设置桌面壁纸如下:1、在桌面上,鼠标右键单击,在弹出的右键菜单中点击“个性化”。2、在弹出的“个性化”窗口中,点击“桌面背景”。3、在选择桌面背景页面中,可以在“图片位置”处,选择要用作背景图片的文件夹,之后该文件夹位置的图片会出现在预览求CSS加遮罩的操作方法
具体解决方案如下: 一、IE和FF下document.body对象的clientHeight,offsetHeight,scrollHeight属性的差别。 clientHeight 在IE和FF下,该属性没什么差别,都是指浏览器的可视区域求JavaScript整人代码
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "http:www.w3.orgTRxhtml1DTDxhtCSS可否改变设置按钮的样式?怎么做呢?菜鸟求教~
1、首先创建一个txt文件,修改后缀名:把.txt改为.html,用记事本打开添加如下代码:打开浏览器,这是一个没有添加样式的button,外观不美观,而且在不同的浏览器下显示的外观是不一样的,所以我们要添加统一的样式。2、按钮样式比较多,为什么电脑主机风扇是四线的,分别是什么线
四线风扇连接线颜色定义如下:CPU风扇4 Pin接口,主板能通过这多出来的一根pin脚来控制12V的风扇供电,从而达到控制风扇转速的目的。RPM的双重智能型风扇(温控+PWM),也就是4PIN插头的因为没有PWM功能,4PIN风扇若插在3如何将css的背景颜色设置为无色
css的背景颜色设置为无色步骤如下:1、新建一个html文件,需要设置宽度250px和高度140px,以及背景色填充为红色。2、然后在父级DIV中插入一个子DIV,定义它的宽200px,高90px,以及背景色。3、然后添加一个无色(透明)的如何在CSS中添加背景音乐?代码是怎样的?
首先进入编辑状态,选择HTML格式然后就可以输入了,下面我们来看代码,首先来看第一种,比较简单的:“url”依然是路径名,loop表示循环数,-1表示始终循环 来看第二种:其中各个属性的含义如下: SRC:音乐文件路径 (以下可选)电脑屏幕黑屏了打不开了怎么办
1.电脑突然黑屏了,但灯亮着,为什么打不开了,是怎么回事朋友,你好,电脑突然黑屏,主要有以下几个原因:(也包括处理 方法)第一个原因:有可能你的主机和显示器的连线接触不良(特别是接口处没有插好),还有可能这个连接数据线出现问题,所以JSP页面中怎么引入js文件?
在JSP中引用JS文件的三种方法:1、如果是直接访问JSP,则使用相对于JSP页面的相对路径:image_1b18hnotn96o1psa12es191r1ma69.png-7.1kB当项目目录如图所示时,则在NewFile.jsp中vue-test-util一些笔记
now usingvuejs-cli !!!!--It's now recommended to scaffold your project withVue CLI 3which provides out-of-the易语言精易模块普通填表初始化问题
你用“网页操作类”模块?我也是,后来换“精易模块”就好了'源码,,————————————.版本2.子程序_按钮1_被单击.局部变量取值,普通填表.局部变量id,文本型取值.初始化(超文本浏览框1.取窗口句柄())id=取值.文本为什么 Node.js 后端程序员这么难招
node.js由于其本身的特点,其Web长项也是异步服务,比如聊天室后台这种。要做业务复杂应用用node.js目前的Web框架Express可能需要写的代码多一点。Python的Web框架比较多,方向是比较全面,做异步的比如Tornado,JS:什么是伪数组
伪数组 ,即arrayLike ,也称为类数组。是一种 按照索引存储数据 且具有length属性的 对象 。因为是对象,所以不能调用 数组的方法 ,比如forEach() 、 push()等。 下面的a对css怎么定义全局样式为蓝色,楷体?
在样式文件或style标签里设置全局样式,具体的写法如下: <style>*{color: bluefont-family: '楷体'}<style>color表示字html+css3实现放大镜效果 (2021-08-25)
1、给body添加背景图,在body中添加一个父盒子(父盒子开启绝对定位),父盒子中再添加一个子盒子。 2、给window添加鼠标移动事件,根据鼠标在浏览器中的坐标(clientX和clientY)修改父盒子的top和l苹果手机怎么取得电脑的授权?
第一种:将手机用数据线连接到电脑时,iphone会自动弹出是否对此电脑授权。第二种:1.打开iTunes2.从Store菜单中选取对这台电脑授权。(在早期版本的iTunes中,从高级菜单中访问此选项)。3.系统提示时,输入您的AppleID