为什么 CSS 目标标签不适用于 html id [关闭]答案

【问题标题】：Why CSS target tag is not working on html id [closed]为什么 CSS 目标标签不适用于 html id [关闭]
【发布时间】：2022-09-28 14:36:19
【问题描述】：

每个人。
我正在学习 html/css 基础知识。
但我遇到了一些 css 目标标签的问题

当我尝试 \'target\' 到某些 \'id(intro)\' 时，它不起作用。前任）

<style>
    #intro:target{
        border: 5px #000 solid;
        margin: 5px;
    }
</style>

<ul id=\"intro\">
    <li><a href=\"#lit\">menu test</a></li>
</ul>
<p id=\"lit\"> affected</p>

但是，当我在没有像下面这样的 \'id(intro)\' 的情况下尝试这个时，它运行良好。

 <style>
    :target{
        border: 5px #000 solid;
        margin: 5px;
    }
</style>

问题是什么？

了解更多关于:target

标签： css

【解决方案1】：

使用选择器目标#lit，intro 不是目标，目标将读取 url。不是相反

<style>
    #lit:target{
        border: 5px #000 solid;
        margin: 5px;
    }
</style>

<ul id="intro">
    <li><a href="#lit">menu test</a></li>
</ul>
<p id="lit"> affected</p>

【讨论】：

感谢@Yudono。我误解了目标将适用于介绍的子选择器。