浏览器可以更改 HTML 吗?

neku894

我的标记看起来像这样

<div class="thumbnail">
    <a class="link-to-product" href="#">
        <div class="stickers">
            <div class="sticker discounts">Акции</div>
        </div>
        <div class="thumbnail-top">
            <div class="img-wrap"><img src="img/box2.png" alt=""></div>
            <div class="category">Жидкости</div>
            <div class="title">Масло черного тмина</div>
        </div>
        <div class="thumbnail-down">
            <div class="divider"></div>
            <div class="price-container">
                <div class="current-price">
                    <span>250 </span>
                    <span class="currency">грн.</span>
                </div>
                <div class="old-price">
                    <span>300</span>
                </div>
            </div>
            <a class="buy-button" href="#">Купить</a>
        </div>
    </a>
</div>

这是我在浏览器开发工具中看到的:

在此处输入图片说明

.thumbnail-down掉出来.link-to-product

我尝试了不同的浏览器(chrome、firefox),清除了缓存,关闭了 css 和 js。而且还是.thumbnail-down掉出来了.link-to-product

我写了标记并用pug.html 编译了 html gulp当我查看htmldist文件夹中编译时它看起来不错。我实际上从这个文件中复制了代码示例。天啊。什么会导致这种奇怪的行为?

我检查了这个元素之前和之后的所有链接。它们都已正确关闭

不仅会掉出来。浏览器复制.link-to-product这个页面没有css和js,只有纯html。我将它复制到不同的文件夹中,没有 gulp 也没有其他插件

在此处输入图片说明

伊万代尔

尝试不在 a 内嵌套 a。

我的意思是

<a class="buy-button" href="#">Купить</a> 

在里面

<a class="link-to-product" href="#">

我的猜测是这就是导致问题的原因。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

客户可以在浏览器中更改JavaScript值吗?

来自分类Dev

我可以使用JavaScript在Chrome浏览器中显示HTML元素吗?

来自分类Dev

用户可以通过浏览器永久修改HTML文件吗?

来自分类Dev

我可以通过浏览器的HTML页面链接广播自定义意图吗?

来自分类Dev

我可以将HTML页面添加为浏览器主页吗?

来自分类Dev

HTML:无法在浏览器上显示吗?

来自分类Dev

我可以使用JS中HTML5电子邮件验证内置的浏览器吗?

来自分类Dev

在html5中,我可以强制浏览器下载我正在使用的音频文件吗?

来自分类Dev

我可以直接在 Github 上编辑 html 文件吗(在我的浏览器上,而不是桌面上)?

来自分类Dev

HTML5应用程序缓存和浏览器缓存-它们可以互相干扰吗?

来自分类Dev

有什么方法可以更改角度材质的浏览器自动完成视觉效果吗?

来自分类Dev

我可以强制浏览器在javascript执行期间呈现DOM更改吗

来自分类Javascript

我可以即时更改移动浏览器中的视口元标记吗?

来自分类Dev

我的应用程序可以更改用户的浏览器设置吗?

来自分类Dev

浏览器扩展程序可以自动更改HTTP标头吗?

来自分类Dev

我可以将主题颜色栏浏览器更改为渐变颜色吗?

来自分类Dev

我可以阻止浏览器将 <image> 标签更改为 <img /> 吗?

来自分类Dev

HTML代码在浏览器中被更改

来自分类Dev

是否可以在浏览器中编辑文本区域并保存更改后的HTML文件?

来自分类Dev

我可以使用Flask和flask-restul将JSON返回API调用,但将HTML返回浏览器吗?

来自分类Dev

我可以通过Javascript在浏览器内部检测Tor浏览器吗?

来自分类Dev

您可以强制.url文件在默认浏览器以外的浏览器中打开吗?

来自分类Dev

我可以从浏览器中隐藏特定字符(,)吗?

来自分类Dev

可以在浏览器中检查“可用内存”吗?

来自分类Dev

我可以在浏览器中使用nodemailer吗?

来自分类Dev

我可以关闭谷歌浏览器的新渲染吗?

来自分类Dev

我可以打开多个Puppeteer浏览器吗?

来自分类Dev

我可以在浏览器要求中使用通配符吗?

来自分类Dev

您可以不捆绑使用浏览器吗?

Related 相关文章

  1. 1

    客户可以在浏览器中更改JavaScript值吗?

  2. 2

    我可以使用JavaScript在Chrome浏览器中显示HTML元素吗?

  3. 3

    用户可以通过浏览器永久修改HTML文件吗?

  4. 4

    我可以通过浏览器的HTML页面链接广播自定义意图吗?

  5. 5

    我可以将HTML页面添加为浏览器主页吗?

  6. 6

    HTML:无法在浏览器上显示吗?

  7. 7

    我可以使用JS中HTML5电子邮件验证内置的浏览器吗?

  8. 8

    在html5中,我可以强制浏览器下载我正在使用的音频文件吗?

  9. 9

    我可以直接在 Github 上编辑 html 文件吗(在我的浏览器上,而不是桌面上)?

  10. 10

    HTML5应用程序缓存和浏览器缓存-它们可以互相干扰吗?

  11. 11

    有什么方法可以更改角度材质的浏览器自动完成视觉效果吗?

  12. 12

    我可以强制浏览器在javascript执行期间呈现DOM更改吗

  13. 13

    我可以即时更改移动浏览器中的视口元标记吗?

  14. 14

    我的应用程序可以更改用户的浏览器设置吗?

  15. 15

    浏览器扩展程序可以自动更改HTTP标头吗?

  16. 16

    我可以将主题颜色栏浏览器更改为渐变颜色吗?

  17. 17

    我可以阻止浏览器将 <image> 标签更改为 <img /> 吗?

  18. 18

    HTML代码在浏览器中被更改

  19. 19

    是否可以在浏览器中编辑文本区域并保存更改后的HTML文件?

  20. 20

    我可以使用Flask和flask-restul将JSON返回API调用,但将HTML返回浏览器吗?

  21. 21

    我可以通过Javascript在浏览器内部检测Tor浏览器吗?

  22. 22

    您可以强制.url文件在默认浏览器以外的浏览器中打开吗?

  23. 23

    我可以从浏览器中隐藏特定字符(,)吗?

  24. 24

    可以在浏览器中检查“可用内存”吗?

  25. 25

    我可以在浏览器中使用nodemailer吗?

  26. 26

    我可以关闭谷歌浏览器的新渲染吗?

  27. 27

    我可以打开多个Puppeteer浏览器吗?

  28. 28

    我可以在浏览器要求中使用通配符吗?

  29. 29

    您可以不捆绑使用浏览器吗?

热门标签

归档