javascript - CSS样式超链接

标签 javascript html css stylesheet

<分区>

我正在尝试将一些样式应用于 anchor 标记 <a>没有成功,我想在第一个六边形中创建一个具有其他六边形样式的 URL。我需要在其他六边形中将 MyURL 样式设置为“This is a title”。

  <li>
    <div>
    <img src="https://farm3.staticflickr.com/2878/10944255073_973d2cd25c.jpg" alt="" />
      <h1><a href="#">MyURL</a></h1>
      <p>Some sample text about the article this hexagon leads to</p>
    </div>
  </li>

(已解决)笔 -> http://codepen.io/anon/pen/PZNWGN

这是基于下面的线程:

Responsive grid of hexagons

谁能帮帮我?

最佳答案

它从 #categories li * 的样式中继承了 position:absolute。通过添加覆盖它:

#categories li h1 * { position: relative; }

或者,将 #categories li * 替换为更具体的内容。

关于javascript - CSS样式超链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34344912/

相关文章:

javascript - 当 SVG 用作背景图像时,如何在单击时更改它的填充颜色?

javascript - 在 FreeMarker 上获取 URL 的 queryString 参数的更好方法

html - 移动设备上的奇怪滚动校正

html - 即 : dropdown options are blank if contain character of my custom font

javascript - foreignObject 中的背景图像隐藏了 Firefox 上的其他 svg 元素

javascript - 查找一个数字的所有排列而不重复(为清楚起见进行了编辑)

javascript - Github 中的代码与生产服务器上的代码不一样

javascript - 在 backbone.js 中通过 trigger() 传递的参数之上传递参数

html - 缩放 :hover effect isn't working in css on <p>

css - Bootstrap日期选择器禁用CSS不工作