代码之家 › 专栏 › 技术社区 › user2470889189

删除Bootstrap的v4.3.1填充内联启动

css html

user2470889189 · 技术社区 · 1 年前

我正在尝试删除Bootstrap的默认设置 padding-inline-start: 40px; 我的财产 <ol> 的列表项在特定类中。我试过:

.myclass ol {
    display: block;
    list-style-type: none;
    padding-inline-start: 0px;
    padding-left: 0px;
}

在HTML中用作:

<ol class="mb-4 myclass">
    <!-- the rest of the code -->
</ol>

所有列表项的左侧填充仍然保留。如何删除它?

2 回复 | 直到 1 年前

user28747840 1 年前

你的CSS代码没有正确地针对HTML中的内容。 CSS应该是:

ol.myclass  {
  display: block;
  list-style-type: none;
  padding-inline-start: 0px;
  padding-left: 0px; 
}

有时,您可能需要增加 Specificity 您的规则可以覆盖引导程序中的某些内容作为最后的手段,您可以使用 !important 执行你的规则。但尽量避免这种情况。

Kostas Minaidis 1 年前

更改 .myclass ol 到 ol.myclass 选择器。

.myclass ol 正在瞄准所有人 <ol> 元素内部的元素 .myclass 类名。

你想要的是 <ol> 具有以下特征的元素 .myclass 类。

.myclass ol {
  ...
}

ol.myclass {
  ...
}

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前