小编all*_*958的帖子

我是Drupal的新手,我非常喜欢它.我是靠自己学习但是现在我遇到了问题.

我创建了一个自定义块,显示标题和链接列表.因此,该块中的唯一字段是类型链接.这是我的页脚区域的一个块.因此,当用户点击时,它会在新标签页中打开一个新网站.

我想改变这个块类型的html输出,所以我拿出了这个主题建议:field - block-content - field-links - footer-links.html.twig

我的问题是如何为每个<a>标签添加一个类？

我尝试使用模块'link class'.它有效.它只在安装模块之前读取css中已存在的类.它不会读取安装模块后创建的新类.我尝试了不同的东西,多次清理缓存但很奇怪.必须有一种更好的方法来添加没有模块的类.

任何人都可以帮助我并向我展示在我的<a>标签中添加课程的最佳方法吗？

谢谢 :)

这是默认模板

{% if label_hidden %}
  {% if multiple %}
    <div{{ attributes }}>
      {% for item in items %}
        <div{{ item.attributes }}>{{ item.content }}</div>
      {% endfor %}
    </div>
  {% else %}
    {% for item in items %}
     {{ item.content }}   -------------> add class here
    {% endfor %}
  {% endif %}
{% else %}
  <div{{ attributes }}>
    <div{{ title_attributes }}>{{ label }}</div>
    {% …

我一直在努力寻找解决我的问题的方法。我有几个标题标签（H1、H2 等），每个标签都在自己的文件中。我想在基于 prop 调用它们时添加一些 css。有些标题有一个小边框底部，有些则没有。因此，为了折射我的代码，我想添加一些基于 prop 的 css。我似乎找不到办法。

以下是标题 H2 的示例：

import styled from 'styled-components';
import colors from '../../../../colors'; 
import fonts from '../../../../fonts';
import fontWeights from '../../../../fontWeights';

const HeadingH2 = styled.h2`
  color: ${colors.text};
  font-family: ${fonts.montSerrat};
  font-size: 1.6em;
  font-weight: ${fontWeights.light};
  letter-spacing: 0.2em;
  padding-bottom: 0.7em;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  &:after{
    content: "";
    display: block;
    height: 3px;
    width: 45px;
    background-color: currentColor;
    /* position */
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
`;

export default HeadingH2

调用标题 H2 的示例：

import …