猿辅导前端面试题及参考答案
CSS3 新特性有哪些?
CSS3 作为 CSS 的升级版本,引入了大量新特性,极大增强了样式控制能力和开发效率,主要包括以下几类:
-
选择器增强:新增了多种实用选择器,减少了对 HTML 结构的依赖。例如:
- 结构伪类选择器:
nth-child(n)
(选中父元素的第 n 个子元素)、nth-of-type(n)
(选中同类型元素的第 n 个)、:first-child
、:last-child
等,可精准定位元素。 - 属性选择器:
[attr^=value]
(属性值以 value 开头)、[attr$=value]
(属性值以 value 结尾)、[attr*=value]
(属性值包含 value),方便根据属性筛选元素。 - 伪元素扩展:
::before
和::after
可通过content
生成内容,::placeholder
控制输入框提示文本样式,::selection
定义选中文本的样式。
- 结构伪类选择器:
-
外观样式优化: