前端小知识点总结

ababab666

于 2021-10-13 14:23:16 发布

阅读量214

点赞数

分类专栏：前端找工作文章标签： html5 css js es6

本文链接：https://blog.csdn.net/GL1998/article/details/120742940

版权

这篇博客总结了前端开发中的重要知识点，包括伪类和伪元素的区别，如伪类存在于DOM树中，而伪元素是虚拟的DOM节点。此外，还详细阐述了CSS选择器的使用，如id选择器、类选择器、标签选择器和属性选择器。文章还提到了网络安全问题，讨论了如何通过`target="_blank"`属性防止`<a>`标签被滥用进行页面跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

伪类和伪元素总结

伪类是存在在dom树中的，只是对css选择器的一个额外的补充。
伪元素是不存在在dom树中的，虚拟创建的dom元素节点，无法用js访问到。
伪类可以有多个，伪元素只能有一个。
伪类可以放在选择器前面或者后面，而伪元素只能放在选择器后面。
伪元素必须要和content连在一起使用

css选择器总结

id选择器 #
类选择器 .
标签选择器 p
空格表示某个标签下的所有标签
>选择器，>div第一层的所有div

+选择器，+div紧紧挨着的兄弟div标签

<div></div>//选择到下面的div
<div></div>

<div></div>//选择不了下面的div
<br/>
<div></div>

~选择器，同级的兄弟节点
*选择器，所有的元素，一般配合使用
属性选择器，div[href^="https"]``div[href$=".com"]``div[href*="baidu"]

最低0.47元/天解锁文章