css选择器总结

Magicer 发布于2019-08-29 16:21 / 745人阅读

摘要：一选择器选择器选择器选择器和区别在不指定类型时，选中的是父元素下的第个子元素。在指定具体元素时要求不仅仅是第个子元素，并且这个子元素的标签是。

一.选择器 1. css1选择器

2.css2选择器

3.css3选择器

4.:nth-of-type(n)和:nth-child(n)区别

(1).在不指定类型时，nth-child(n)选中的是父元素下的第N个子元素。nth-of-type(n)选中的是父元素下的不同类型标签的第N个。
(2).在指定具体元素时,ele:nth-child(n)要求不仅仅是第n个子元素，并且这个子元素的标签是ele。ele:nth-of-type(n)选择的是父元素下ele标签的第n个

5.:last-chid和:last-of-type区别

ele:last-child选中父元素下最后一个子元素，并且该子元素的标签必须为ele，否则一个都不选中。ele:last-of-type选中父元素下ele标签的最后一个.

云服务器 GPU云服务器选择器总结 css选择器基础选择器css css选择

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/113694.html

css选择器总结

摘要：伪类选择器之动态伪类序号选择器名称说明版本动态伪类选择器未被访问时动态伪类选择器已被访问时动态伪类选择器鼠标以上时动态伪类选择器访问中跳转页面时动态伪类选择器获得焦点时是有顺序的，其他顺序可能无效，这是个坑。 1. 基本选择器序号选择器名称说明 css版本 1 * 通用选择器选择所有元素，包括html和body 2 2 div,span 标签选择器根据标签选择...

DirtyMind 2019-08-30 15:52 评论0 收藏0
CSS选择器总结（分类、优先级）

摘要：样式选择器权重优先级如下的权重为选择器的权重为类选择器的权重为伪类选择器的权重为属性选择器的权重为标签选择器的权重为伪元素选择器的权重为通配符的权重为综合上述权重优先级来看，正确的优先级排序应该是内联样式类伪类属性选择标签伪元素继承通配符 CSS选择器是编写CSS代码时的一个核心概念，选择器定义了相应的样式将会影响到文档中的哪些部分，以下是自己在学习及工作过程中对CSS选择器的一些总结...

hedge_hog 2019-08-29 12:22 评论0 收藏0
《DOM编程艺术》中CSS—DOM的总结（三）

摘要：前言这是系列最后一篇，本文主要总结了的用法，以及最后对函数进行抽象。一个多说无益，还是上代码来得实在还记得编程艺术中的总结一中那个无聊的根据元素在节点树里的位置来设置样式的吧现在可以用属性直接更改样式了。前言：这是CSS－DOM系列最后一篇，本文主要总结了className的用法，以及最后对函数进行抽象。－－－－－－－－－－－－－－－－－－我是分割线－－－－－－－－－－－－－－－－...

王岩威 2019-08-29 10:54 评论0 收藏0
《DOM编程艺术》中CSS—DOM的总结（三）

摘要：前言这是系列最后一篇，本文主要总结了的用法，以及最后对函数进行抽象。一个多说无益，还是上代码来得实在还记得编程艺术中的总结一中那个无聊的根据元素在节点树里的位置来设置样式的吧现在可以用属性直接更改样式了。前言：这是CSS－DOM系列最后一篇，本文主要总结了className的用法，以及最后对函数进行抽象。－－－－－－－－－－－－－－－－－－我是分割线－－－－－－－－－－－－－－－－...

liukai90 2019-08-19 18:32 评论0 收藏0
css规范总结

摘要：通用选择器，子选择器和相邻同胞选择器并不在这四个等级中，所以他们的权值都为，优先级最高，万不得已的情况下才用。规范命名风格规范文件命名统一为小写的英文字母尽量少用拼音，如。当名字需要组合时，可以采用文件名的规范。 css样式的权值(权重) 权值等级的定义第一等：代表内联样式，如: style=，权值为1000。第二等：代表ID选择器，如：#content，权值为100。第三等：代表类...

CollinPeng 2019-08-30 12:48 评论0 收藏0
css选择器总结

摘要：今天在做项目的时候，发现选择器有些遗忘。文本也属于节点选择匹配的所有元素，且匹配元素被相关指向否定伪类选择器。相邻兄弟选择器。匹配的元素，该元素位于后面相邻位置通用兄弟选择器。今天在做项目的时候，发现选择器有些遗忘。特写此文章来加深记忆，也方便自己日后回顾。通用选择器 * //有时候为了浏览器内置样式，可能会这样写。 //但一般不推荐！！！ *{ margin:0;padding:...

Bowman_han 2019-08-30 13:01 评论0 收藏0