html - 足够的 CSS 选择器 1 嵌套元素向上

标签 html css css-selectors

使用 CSS 选择器,我想在单击链接时在 div 元素周围放置一个框阴影。

    <!DOCTYPE html>
    <html>
        <body>
            <div class="container">
                <div id="selected_div">
                    <a><p id="click"></p></a>
                </div>
            </div>
        </body>
    </html>

我不知道该使用哪个选择器。请赐教。

最佳答案

考虑到您想根据点击执行操作,无论如何最好使用 Javascript。 CSS 没有父级选择器,因此无法检测到点击。这是 jQuery 解决方案:

$("document").ready(function() {
  $("#selected_div a").click(function() {
    $(this).parent().css("box-shadow", "2px 2px 3px #fff");
  }
}

记得包含 jQuery 库。

关于html - 足够的 CSS 选择器 1 嵌套元素向上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25369403/

相关文章:

css - * 适用于什么?

具有类 .a 和类 .b 的元素的 CSS 选择器

javascript - 将表格从 HTML 导出为 PDF

javascript - 使用 jquery 包装

php - 使用 PHP 和 Regex 提取正文 HTML 并清理注释

html - 修改 ionic 选择的最后一项

多个任意子项的 CSS 简写

html - 用css实现垂直对齐 :after

css - 无法覆盖重要标签

css - 如何为我的 CSS 使用另一个括号/制表符策略?