2016 - 2024

感恩一路有你

css伪元素和伪类区别 css伪元素和伪类的区别?

浏览量:2339 时间:2021-03-13 22:36:15 作者:admin

css伪元素和伪类的区别?

简而言之,pseudo类是针对CSS的,而pseudo元素是针对HTML的。伪类选择器是CSS选择器之一,而伪类是一个“伪”HTML标记。伪类(选择器)本质上是为了弥补传统CSS选择器的缺点,从而获得更多的信息。伪元素本质上是创建一个包含内容的虚拟容器。在CSS3中,pseudo-class和pseudo-element是分开的,进一步调整了语法(一个冒号和两个冒号);在开发中,可以同时使用多个pseudo-class,但只能同时使用一个pseudo-element。

伪类选择器和伪元素选择器的区别?

伪元素和伪类如此容易混淆的原因是它们具有相似的效果和相似的编写方法。实际上,为了区分它们,CSS3明确规定伪类用冒号表示,伪元素用两个冒号表示。

伪类选择器,伪类和伪元素的区别?

Pseudo class应该写成:WeiLei Pseudo element应该写成:weiyuansu

但是当前面的规范不清楚时,伪元素和伪类写为:weiyuansu:WeiLei

为了与过去的编写兼容

所以伪元素写为引号伪元素主要包括:e:第一个字母/e::第一个字母e:第一行/e::第一行e:之前/e::之前e:之后/e::之后e::占位符e::selection

伪类主要包括:e:link e:visited e:hover e:active e:focus e:lang(FR)e:not(s)e:root e:first child e:last child e:only child e:nth child(n)e:nth last child(n)e:first of type e:last of type e:only of type e:nth of type(n)e:nth last of type(n)e:empty e:checked e:enabled e:target@页码:首页:左@页码:右

单冒号和双冒号主要用于区分伪元素和伪类

首先列出CSS中常见的伪类

A:链接{color:#ff0000}/*不可访问链接*/

A:已访问{color:#00ff00}/*已访问链接*/

A:悬停{color:#FF00FF}/*鼠标链接上方*/

A:活动{color:#0000ff}/*选定链接*/

:选中选择所有选定表单元素

:禁用选择所有禁用表单元素

P:第一个子父元素中的第一个P元素

例如,#div P:第一个子元素{

]color:#e4433c

!]:最后一个子元素最后一个P元素在父元素中

P:before

P:after经常用来清除浮动

在互联网it编程设计培训课程中,web前端的培训和开发相对简单,并且工作和开发前景相对较好,因此,许多想转行的人更加重视网络前端的培训和学习。那么网络前端培训的内容是什么呢?小编今天给你一个简单的答案。

一般来说,web前端培训分为六个模块:HTML5 CSS3、JS交互设计、移动终端、服务器、前端框架和小程序。以下是您在每个阶段所学内容的详细介绍。!第一阶段是前端的核心基础,使学生能够掌握前端的基本知识,包括HTML5和CSS的基本知识和代码编写。他们将学习PC网站的布局和jQuery框架。

在第二阶段,HTML5 CSS3移动终端的核心、HTMLCSS3的新特性、高级CSS、CSS3实例钻取完成页面效果的制作。

在第三阶段,移动终端将学习CSS像素和物理像素之间的关系、视口布局、移动终端自适应、移动终端特效幻灯片、滚动和触摸。第四阶段服务器端,服务器端开发节点,数据库操作,前后交互核心,微信公众号开发。

第5阶段JavaScript高级

在第6阶段前端框架中,您将学习Vue、react、angular,使学生能够使用主流框架开发门户网站、管理系统等相关知识。

在小程序开发的第七阶段,我们将学习如何使用微信小程序和开发工具,如何使用原生小程序API,以及如何使用mpvue应用程序。

以上是web前端培训的内容。如果您想进一步了解网络前端培训的具体课程内容,可以到硅谷官方网站咨询。有专职老师为您解答,您还可以下载免费视频进行学习。

2020 web前端学习路线图:

css伪元素和伪类区别 双伪元素清除浮动 css伪类怎么用

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。