相关疑难解决方法(0)
CSS样式表以什么顺序覆盖？
在HTML标题中,我有这个:
<head>
<title>Title</title>
<link href="styles.css" rel="stylesheet" type="text/css"/>
<link href="master.css" rel="stylesheet" type="text/css"/>
styles.css是我的页面特定表.master.css是我在每个项目中使用的工作表来覆盖浏览器默认值.哪些样式表优先考虑？示例:第一张包含特定的
body { margin:10px; }
和相关的边界,但第二个包含我的重置
html, body:not(input="button") {
margin: 0px;
padding: 0px;
border: 0px;
}
从本质上讲,CSS的级联元素在样式表引用方面是否与在典型的CSS函数中一样？这意味着最后一行是显示的那一行？
推荐指数
解决办法
查看次数
CSS优先级
我的网页包含:
<link href="/Content/Site.css" rel="stylesheet" type="text/css" />
<style type="text/css">
td {
padding-left:10px;
}
</style>
引用的样式表包含:
.rightColumn * {margin: 0; padding: 0;}
我在rightcolumnID中有一个表,我希望单元格有一点填充.但是,引用的样式表优先于内联样式.我通过视觉和Firebug看到了这一点.如果我关闭padding:0Firebug中的指令,则填充左边生效.
我怎样才能padding-left上班？
推荐指数
解决办法
查看次数
在同一个项目中使用 Material Ui 和 Tailwind 是一个好习惯吗
我正在将 next.js 与 tailwind css 一起使用，并且我在项目中需要一些现成的组件，这样我就可以节省时间，因为我使用了 Material-ui。我的应用程序工作正常，但我收到一条警告消息。如果“是”（意味着如果两者的组合不会影响项目的性能或将来的任何其他问题），是否可以在同一个项目中使用这两种技术（material-ui 和 tailwind css）？删除下面显示的警告消息
推荐指数
解决办法
查看次数
设计系统：使用 TailwindCSS 覆盖样式
我正在尝试使用 ReactJS 和 TailwindCSS 创建一个设计系统。
我创建了一个Button具有基本样式的默认组件，如下所示：
import React from "react";
import classNames from "classnames";
const Button = React.forwardRef(
({ children, className = "", onClick }, ref) => {
const buttonClasses = classNames(
className,
"w-24 py-3 bg-red-500 text-white font-bold rounded-full"
);
const commonProps = {
className: buttonClasses,
onClick,
ref
};
return React.createElement(
"button",
{ ...commonProps, type: "button" },
children
);
}
);
export default Button;
然后我在我的页面中使用Button：
import Button from "../src/components/Button";
export default function IndexPage() {
return ( …推荐指数
解决办法
查看次数
Tailwind CSS 打破现有样式
当我将 Tailwind 添加到 React 项目时，它打破了现有的样式。
我希望只使用 Tailwind 类（如mb-3）作为快捷方式。
我没想到它会覆盖现有的样式，比如将按钮背景更改为透明。
我做错了吗？或者 Tailwind 是否故意覆盖样式？
编辑：
这就是我所说的：（来自node_modules\tailwindcss\src\css\preflight.css）
当我排除基础时，问题就消失了，即：
//@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
编辑2：
找到解决方案了！
module.exports = {
corePlugins: {
preflight: false,
}
}
推荐指数
解决办法
查看次数
在CSS中.ab与.a .b不同吗？
在我的css文件中.a.b有.a .b什么不同？
这是一个简单的问题,但它总是让我生气.我尝试过,但想到我会在这里发布,以防这作为参考有用.
推荐指数
解决办法
查看次数
css,禁用display:none;
我的代码中有这种情况:
<!-- This is the global CSS file -->
<style type="text/css">
#show_div{
display: none;
}
</style>
<!-- This is the local CSS file (only in this page)-->
<style type="text/css">
#show_div{
/* However to disable display: none;*/
}
</style>
<body>
<div id = "show_div">
Text text
</div>
我通常需要隐藏这个元素,但在一个页面上,我需要显示它.在全局css文件中,我有:
#show_div{
display: none;
}
我怎么禁用display: none;？我不能使用jQuery,$('#show_div').show();(或JavaScript).
谢谢
如果你不明白我的问题,那么我道歉.我可以尝试再解释一下.
推荐指数
解决办法
查看次数
如何在访问的css中更改字体大小？
在我的应用程序中,我需要更改访问的链接的字体大小.我正在做的是
a:visited {
color: pink;
font-size:12px;
}
但只有颜色变了.为什么字体大小不变？
推荐指数
解决办法
查看次数
如何解决 Angular 项目中的 Tailwind 和 Bootstrap 冲突
我在同一个 Angular 项目中使用 Tailwind CSS 和 Bootstrap (ngx-bootstrap)。大多数情况下，他们相处得很好。然而，当涉及到填充和边距时，它们就像兄弟姐妹一样互相争斗。我想使用 Tailwind 进行填充，因为它是一致的。例如，类p-X是 X 乘以 0.25 rem，但是使用 bootstrap，它就到处都是。烦人的是Bootstrap!important到处放。
utilities.css来自Tailwind，_spacing.scss来自Bootstrap。
有没有方便的方法来解决这个问题？
推荐指数
解决办法
查看次数
如何在bootstrap 3.0中删除<td>边框？
我需要帮助,我的表边界表的css覆盖似乎不起作用.我正在尝试创建一个这样的表:
<table class="table table-bordered">
<tbody>
<tr>
<td>Collection 1</td>
<td>5</td>
</tr>
<tr>
<td>Collection 2</td>
<td>5</td>
</tr>
<tr>
<td colspan="2" class="no-line">-----------</td>
</tr>
<tr>
<td>Total </td>
<td>10</td>
</tr>
</tbody>
</table>
在CSS中,我尝试了所有可能的组合,只是为了检查哪些可行,但仍然没有删除边框.
.table-bordered > tbody > tr > td.no-line {
border:none !important;
border-right: none !important;
border-left: none !important;
border-top: none !important;
border-right-style: none !important;
border-left-style: none !important;
}
请帮忙,非常感谢!:)
推荐指数
解决办法
查看次数
标签 统计
css ×9
tailwind-css ×4
css3 ×2
reactjs ×2
bootstrap-4 ×1
html5 ×1
javascript ×1
material-ui ×1
next.js ×1
overriding ×1
stylesheet ×1