＆amp;：nth-​​of-type（）选择器悬停内容（1）适用于所有类型

Question

问题

当悬停所有链接图像时function findParentOfId(o, id) { //Early return if ( o.id === id ){ return true; } var result, p; for (p in o) { if( o.hasOwnProperty(p) && typeof o[p] === 'object' ) { result = findParentOfId(o[p], id); if (result === true){ return o; } else if (typeof result === 'object') { return result; } } } return result; } function deleteKey(key) { parentObject = findParentOfId(key); delete parentObject[key]; } 接管。

我已经尝试将它们完全从嵌套中删除但似乎没有任何效果。

有什么想法吗？

HTML.ERB

&:nth-of-type(1):hover content: '.png'

CSS

<div class="col-md-12 social-container">
    <%= link_to "#{image_tag('google-inverse.png', class: 'google', 'data-text': 'Google')}".html_safe, 'https://www.' %>
    <%= link_to "#{image_tag('social-1.png', class: 'twitter', 'data-text': 'Twitter')}".html_safe, 'https://www.' %>
    <%= link_to "#{image_tag('social-2.png', class: 'linkedin', 'data-text': 'LinkedIn')}".html_safe, 'https://www.' %>
    <%= link_to "#{image_tag('social-3.png', class: 'github', 'data-text': 'Github')}".html_safe, 'https://www.' %>
</div>

Answer 1

*捂脸

好的，所以我解决了。

当我最初编写CSS时，我还没有将图像包装在锚标签中。