<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./CSS/reset.css"> <title>Document</title> </head> <style> body{ background-color: #f5f5f5; } .box{ display: inline-block; width: 234px; height: 300px; background-color: #fff; text-align: center; } .box img{ width: 160px; height: 160px; } div a h3{ color: #000; } .box a p{ color: rgb(150, 138, 138); } </style> <body> <div> <a class="box" href="https://www.mi.com/shop/buy/detail?product_id=18075"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202304141132_bce7b9915481feb1db75d74364f17691.png" alt=""> <h3>Redmi K60</h3> <p>骁龙8+旗舰处理器|11英寸2.8K护眼屏|8600mAh 67W快充|MIUI高效办公体验骁龙8+旗舰处理器|11英寸2.8K护眼屏|8600mAh 67W快充|MIUI高效办公体验骁龙8+旗舰处理器|11英寸2.8K护眼屏|8600mAh 67W快充|MIUI高效办公体验</p> </a> </div> </body> </html>,为什么 .box a p{ color: rgb(150, 138, 138);不生效,没有其他代码了
时间: 2024-04-14 15:04:51 浏览: 39
在您提供的代码中,`.box a p` 选择器的样式设置是正确的,应该可以生效。请检查您的浏览器是否已经正确加载了 CSS 文件,以及是否有其他样式覆盖了该样式。
您可以尝试修改该样式的属性值,例如将颜色值修改为红色,以查看是否生效。如果仍然不生效,可以尝试在元素上添加 `!important` 标记,例如 `color: rgb(150, 138, 138) !important;`,以覆盖其他样式。
如果问题仍然存在,可能需要进一步检查代码和浏览器的情况。