简单
技术面试0 次浏览小米的电商页面有商品列表展示,每个商品有不同的状态(如在售、缺货等)。请使用 CSS 选择器将缺货商品的标题文本颜色设置为灰色。
小米前端工程师
CSS选择器电商页面
答题要点
本题可采用分层分析法解答。关键要点如下:1. 明确 HTML 结构:了解商品列表的 HTML 结构,确定商品标题和状态的标签及类名。2. 选择合适的选择器:根据 HTML 结构,使用属性选择器、类选择器等选中缺货商品的标题元素。3. 设置文本颜色:使用 `color` 属性将选中的标题文本颜色设置为灰色。示例思路:先查看 HTML 代码,找到表示商品状态和标题的元素;若商品状态通过类名 `out-of-stock` 表示,标题使用 `h3` 标签,可使用选择器 `.out-of-stock h3` 选中缺货商品标题,再设置 `color: gray;`。