css - 使用 <a href ="#goToDiv"> 时突出显示 div

标签 css

我有一个标签 <a href="#myDiv">链接到 <div id="myDiv"> ...
如果我将此链接粘贴到浏览器,例如:index.htm#myDiv它直接转到myDiv .是否可以设置 CSS 来突出显示 myDiv我什么时候做这个手术?

最佳答案

当然,您可以使用 :target pseudo-class :

:target {
 /* Your rules here for the myDiv element */
}

如果需要,您还可以进一步缩小选择器范围,例如 #myDiv:target

jsFiddle example

关于css - 使用 <a href ="#goToDiv"> 时突出显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30851844/

相关文章:

html - 将表格布局转换为 CSS 布局

html - css3过渡向左滑动

jquery - 使用 colorbox 显示单独的文档

css - 如何在同一行显示文本和组件文本

html - T woocommerce 特色产品无法调整产品容器的大小

javascript - 调整大小时 fullpage.js 特定背景部分

javascript - 使用 Scrolloverflow.js + Fullpage.js 包装的内容

css - 显示 :absolute in a table cell 的 Firefox 问题

html - 在 Rails 应用程序中使用 flex 制作表单

容器底部的 CSS Position 元素,无需将其从流程中移除