问答详情
源自:6-5 CSS3 结构性伪类选择器—target

如何让添加一个:target呢?

DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>结构性伪类选择器—target</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div class="menuSection" id="brand">
        <h2><a href="#brand">Brand</a></h2>
        <p>content for Brand</p>
    </div>
</body>
</html>

提问者:qq_薛程程_03691123 2016-08-22 22:22

个回答

  • 仩渧哋寵_
    2016-08-22 23:57:41

    按CSS3来说,添加:target要在html中有href="#brand"和id="brand"才能使用,像这样:

    :target{

    display:none;

        }

    而:target指的是id='brand'的div对象

    若有多个target,需要把他们分辨开:

    #brand:target{

    display:none;

        }


  • 牟明涛
    2016-08-22 22:57:33

    如果你想给a标签添加target属性的话就例如:<a href="#brand" target="_self">Brand</a>

    但是教程中的target是css选择器,写法是div.menuSection:target{样式内容},表示跳转到div.menuSection这个div时对div.menuSection设置什么样式。

    <a href="#brand">Brand</a>就是当你点“Brand”这个超链接时会跳转到当前页面的id="brand"的元素位置