ago 与 before各自分别在什么时候用?有什么区别?
发布网友
发布时间:2022-04-06 12:22
我来回答
共3个回答
懂视网
时间:2022-04-06 16:43
::before是什么?有什么作用?本篇文章就给大家::before有什么用,让大家了解::before的简单使用,以及::before与:before的异同点。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。
一、::before是什么?有什么作用?
在css中,::before 是一个伪类元素,代表生成的内容元素,表示相应元素的可抽象样式的第一个子元素,即:所选元素的第一个子元素。【相关视频教程推荐:css教程】
利用::before可以把需插入的内容插入到元素的其他内容之前,并且默认内联显示。::before需要使用content属性来指定内容的值。例:
/* 在链接之前添加一颗心 */
a::before {
content: "?";
}
我们来看一个简单的示例:
假设你有一个带有一些文本的blockquote。你可以使用::before在实际文本之前插入内容,比如:一些花哨的引号。引号将显示在页面上,但不会添加到DOM中的blockquote中。
< blockquote >
你目前的情况并不能确定你可以去哪里; 他们只是决定你从哪里开始。- Nido Qubein
</ blockquote >
以下代码段将使用块引用添加几个花哨的引号::before。引号将在引用文本之前的blockquote中添加,并与其内联。
blockquote :: before {
content:“ 201C” ; / *样式引用* /
color:deepPink;
font-size: 3em;
position: relative;
top: 20px;
}
content引用是通过转义其在属性内定义的Unicode值。这就是通常通过CSS表示和添加字形的方式。
我们来看看运行效果:
由于使用伪元素插入的内容未插入到DOM内,因此通常无法使用浏览器的开发者工具查看和检查插入的内容。但是,Chrome 32+和Firebug for Firefox允许你查看伪元素在DOM中的位置,通过选择它,你可以在CSS面板中查看与其相关联的样式。在Chrome的开发工具中检查上述演示会显示以下结果:
可以看出,添加有::before的内容与blockquote内的其他内容内联并位于其之前。
由于::before内容是在元素内的其他内容之前插入的,这也意味着伪元素将堆叠在源树中的其他元素之后。
伪元素可用于插入几乎任何类型的内容,包括字符(如上所述),文本字符串和图像。例如,以下是::before具有有效内容的所有有效声明:
.element :: before {
content:url(path / to / image.png); / *图像,例如,图标* /
}
.element :: before {
content:“注意:” ; / *一个字符串* /
}
.element :: before {
content:“ 201C” ; / *也算作一个字符串。转义Unicode会将其渲染为字符* /
}
注:使用伪元素插入的图像无法调整大小,它们会按原样插入,因此你必须在使用前调整图像大小。
二、::before与:before的的异同点
相同点:
1、伪类对象,用来设置对象前的内容
2、::before和:before写法是等效的
不同点:
:befor是Css2的写法,::before是Css3的写法
:before的兼容性要比::before好 ,不过在H5开发中建议使用::before比较好
说明:
1、伪类元素要配合content属性一起使用
2、伪类元素是css渲染层加入的,不能通过js来操作
3、伪类对象特效通常通过:hover伪类样式来激活
.test:hover::before{
/* 这时animation和transition才生效 */
}
总结:
热心网友
时间:2022-04-06 13:51
1.ago表示“从现在起的若干时间以前”,意思是“距今……以前”,需和过去时或过去进行时连用。before泛指“从过去起的若干时间以前”,意思是 “距过去某时……以前”“与其……(毋宁)”,常和完成时连用,尤其在间接引语中,如:I visited him three days ago, but he had gone to Shanghai a week before.我三天前去访问他,但他已与那时的一周前到上海去了。
His parents died ten years ago.他父母十年前都去世了。
He said that his parents had died ten years before.他说他父母亲十年前都去世了。
I have never been there before.我以前从来没有去过那里。
2.如果不具体表明多少时间以前,只用before不用ago,意为“从前、以前”。before仍以副词的形式置于被修饰语后,常与完成时候过去时连用。如:
Have you seen this film before?
He asked me whether I had been to the Great Wall before.
3.表示在某一点时间或事件以前时,只用before不用ago,这种用法是将before当作介词或连词使用。ago不具有这一功能。如:
They will come back before six o’clock.
It is hoped that this will be finished before the year 1995.希望这件工作将在1995年以前完成。
另外,before在句中的含义较多。不少句子中,before虽然引导的也是一个时间状语,但是译成汉语时却不必译为“在……以前”。
a.如果before引导的从句动作发生得晚或慢,可译成“……才”。这是主句主语或是名词、代词,或用it作形式主语.
He had almost knocked me down before he saw me.他几乎把我撞倒才看见我。
It will be hours before he arrives.要过几个钟头他才回到达。
You must sow before you can reap.有播种才能有收成。
b.如果强调从句动作发生之前,主句动作已发生,可译成“未……就”或“还没有……就”。
Before I could get in a word he had measured me.我还没有来得及插话,他就给我量号了尺寸。
Lu Ban built nine pavilions, but before he could finish the tenth, he heard a cock crowing.鲁班建了九个亭子,但他还没完成第十个就听到公鸡叫了起来。
c.有些句子中的before可译为“先……然后”、“先……再”。
Don’t count the chickens before they are hatched. 不要乐观得太早。
Be pupil before you become a teacher.先做学生,再做先生。
有些句中的before还可译为“在……内”、“趁”、“没”。
They arrived before I expected.我没想到他们到得那么早。
Study hard before it is too late.趁早努力学习。
I had better go now before it is too late.最好我现在就走,免得太迟.
I will be through this book before three days have passed.我要在三天内看完这几本书.
before sb.knew it 一类习惯说法,常译为“不知不觉……就”、“还没弄清……就”、“不知怎么地……就”。
Time passed quickly and three months went by before Aqiao knew it.时间飞快的流失,阿巧不知不觉地在那里度过了三个月。
He fell from the tree before he knew it.他不知怎地一下就从树上掉了下来。
4.加强语气,表示“早已”的意思或使叙述显得更生动,ago也可以用于完成时。如:
I had thought that he had died at least twenty years ago.我本以为他至少二十年前就去世了。
In fact, I have long time ago known the secret.其实我早就知道那个秘密。
5.在表示对过去事情猜测的“情态动词+have+过去分词”或“动词的非谓语形式+have+过去分词”的结构中,ago也可以和完成时连用。如:
The building is said to have been destroyed in a fire two years ago.据说那栋大楼在两年前的一场大火中已被烧毁。
The incident must taken place years ago.这是一定发生在好几年以前。
You can not have met him a moment ago.刚才你不可能遇见他。
He may have left an hour ago.他可能在一小时以前就走了。
Having read the article a week ago, I know it very well.一个星期以前我已读过这篇文章,我很熟悉。
热心网友
时间:2022-04-06 15:09
1。用于过去式 three days ago 时间段+ago
before 1998 before+时间点
2 在完成时中只能用before不用ago
I have never seen an elephant before。
He said he had never seen an elephant before
He said he had seen it 3 days before