将焦点设置在导航栏上

-1

有谁知道我可以使用哪些CSS和HTML代码，将焦点置于导航栏上。换句话说，当用户在主页上时，我希望页面选项卡（如主页）突出显示。如果用户转到联系页面，则应突出显示联系页面导航栏选项卡。将焦点设置在导航栏上

2017-08-14 Recency

你可以在HTML/CCS中做到这一点，让你的页面有类或ID。使用家用例如：

HTML

<body class="home">...

<li class="home>...</li><li class="other>...</li>

CSS

.home li.home { ... }

.other li.other { ... }

这将不会设置:focus，但它会给你你想要的视觉效果。

2017-08-14 15:15:01 Alex

您可以使用某种类的链接。一个例子是有一个active类，它有一些outline影响，或有不同的background-color。但是你不能通过使用HTML/CSS来实现这一点，你需要一些JavaScript来添加和删除这个类，这取决于你在页面上的位置。

希望这会有所帮助！

2017-08-14 15:09:24

回答