Fatal编程技术网
  • html/
  • Html 如何将同一样式应用于所有atribute标记？

Html 如何将同一样式应用于所有atribute标记？

html css vue.js

Html 如何将同一样式应用于所有atribute标记？,html,css,vue.js,tailwind-css,Html,Css,Vue.js,Tailwind Css,我在vue.js文件中有这样一个文件： 我想删除这些类，或者至少缩短它们： <a href="#" > Installation </a> <a href="#" > Release Notes </a> 我试着把它们放在之间，我看到你的标签中列

我在vue.js文件中有这样一个文件：

我想删除这些类，或者至少缩短它们：

 <a
          href="#"
        >
          Installation
        </a>
        <a
          href="#"
        >
          Release Notes
        </a>
我试着把它们放在之间，我看到你的标签中列出了html和css。我以前没有使用过vue，尽管我知道Javascript

我建议您创建一个带有自定义类的CSS文件，并在html页面中引用自定义类。以下是一个示例网页：

HTML文件：

<html>
    <head>
        <link rel="stylesheet" href="Content/Site.css" type="text/css" />
    </head>
    <body>
        <a href="#" class="my-custom-class">Installation</a>
        <a href="#" class="my-custom-class">Release Notes</a>
        <a href="#" class="my-custom-class">Upgrade Guide</a>
    </body>
</html>
我希望这有帮助！如果您有任何其他问题或顾虑，请告诉我

编辑

根据请求，我制作了一个可选的CSS文件来选择我们想要影响的元素，而无需在html中指定类

CSS:

/Site.css/

如果使用这种元素选择方法，则可以安全地从HTML文件中的每个元素中删除class属性

如果您有任何其他问题或顾虑，请告诉我。

我看到您的标签中列出了html和css。我以前没有使用过vue，尽管我知道Javascript

我建议您创建一个带有自定义类的CSS文件，并在html页面中引用自定义类。以下是一个示例网页：

HTML文件：

<html>
    <head>
        <link rel="stylesheet" href="Content/Site.css" type="text/css" />
    </head>
    <body>
        <a href="#" class="my-custom-class">Installation</a>
        <a href="#" class="my-custom-class">Release Notes</a>
        <a href="#" class="my-custom-class">Upgrade Guide</a>
    </body>
</html>
我希望这有帮助！如果您有任何其他问题或顾虑，请告诉我

编辑

根据请求，我制作了一个可选的CSS文件来选择我们想要影响的元素，而无需在html中指定类

CSS:

/Site.css/

如果使用这种元素选择方法，则可以安全地从HTML文件中的每个元素中删除class属性

如果您有任何其他问题或顾虑，请告诉我。

您可以在未编译的CSS主文件中使用@apply在Tailwind中提取一组类。 有关更多详细信息和示例，请参见此处：

例如，您可以在CSS文件中执行以下操作：

.link {
    @apply my-3 block text-gray-300 hover:text-gray-100 text-sm font-medium duration-700;
}
并将HTML更新为类似以下内容，以利用提取的类：

<a href="#" class="link">
    Installation
</a>
<a href="#" class="link">
    Release Notes
</a>
您可以在未编译的CSS主文件中使用@apply在Tailwind中提取一组类。 有关更多详细信息和示例，请参见此处：

例如，您可以在CSS文件中执行以下操作：

.link {
    @apply my-3 block text-gray-300 hover:text-gray-100 text-sm font-medium duration-700;
}
并将HTML更新为类似以下内容，以利用提取的类：

<a href="#" class="link">
    Installation
</a>
<a href="#" class="link">
    Release Notes
</a>
你能不能制作一个类，比如。我与你想要的样式的伟大链接，并使用它？否则，如果框架添加了它们自己的类，您可以检查HTML，找到框架应用于这些锚的类，并将您额外的样式直接应用于它们的类。您可以创建一个类似于.my的类，并使用您想要的样式链接吗？否则，如果框架添加了它们自己的类，您可以检查HTML，找到框架应用于这些锚的类，并将额外的样式直接应用于它们的类。