相关疑难解决方法(0)

我已经在一个网站上工作了几个月,很多时候我一直在尝试编辑某些东西,我必须使用!important,例如:

div.myDiv { 
    width: 400px !important;
}

为了使其按预期显示.这是不好的做法吗？或者!important命令可以使用吗？这会导致任何不希望的事情进一步下线吗？

研究特异性我偶然发现了这个博客 - http://www.htmldog.com/guides/cssadvanced/specificity/

它指出特异性是CSS的点评系统.它告诉我们元素值1分,类值10分,ID值100分.它也是最重要的说这些点总计,总量是选择器的特异性.

例如:

body = 1 point
body .wrapper = 11 points
body .wrapper #container = 111 points

因此,使用这些点肯定会使以下CSS和HTML导致文本为蓝色:

CSS:

#a {
    color: red;
}

.a .b .c .d .e .f .g .h .i .j .k .l .m .n .o {
  color: blue;
}

HTML:

<div class="a">
  <div class="b">
    <div class="c">
      <div class="d">
        <div class="e">
          <div class="f">
            <div class="g">
              <div class="h">
                <div class="i">
                  <div class="j">
                    <div class="k">
                      <div class="l">
                        <div class="m">
                          <div class="n">
                            <div class="o" id="a">
                              This should …

考虑:

#div p {
    color: red !important;
}
...
#div p {
    color: blue;
}

我明白是怎么!important运作的.在这种情况下,div将呈现红色,因为它现在具有priority(!important).但我仍然无法找到适当的情况来使用它.是否有一个!important节省一天的例子？

我想知道如何忽略父样式并使用默认样式(无).我将以我的具体案例为例,但我很确定这是一个普遍的问题.

<style>
#elementId select {
    height:1em;
}
</style>

<div id="elementId">
    <select name="funTimes" style="" size="5">
        <option value="test1">fish</option>
        <option value="test2">eat</option>
        <option value="test3">cows</option>
    </select>
</div>

我不想解决这个问题的方法:

• 我无法编辑设置了"#elementId select"的样式表,我的模块将无法访问该样式表.
• 最好不要使用style属性覆盖高度样式.

例如,使用firebug,我可以关闭父式,一切都很好,这就是我想要的效果.

一旦设置了样式,它可以被禁用还是必须被覆盖？

如何!important读取CSS属性属性？

难道really important,exclamation mark important......？

答:从下面的答案中,它似乎只是简单地阅读important,或bang important.

我有个问题.

我已经为一个元素分配了一个具有以下CSS的类:

.cls {
  display:none !important;
}

当我尝试用jQuery显示这个元素时

$(".cls").show();

这是行不通的.

任何人都可以帮助我隐藏这个元素吗？

我有角度材料选择:

它的代码:

<md-select placeholder="Descuentos y convenios" [(ngModel)]="passenger.discount">
        <md-option [value]="null" [disabled]="true">
            Descuentos
        </md-option>
        <md-option *ngFor="let option of discounts" [value]="option">
            {{ option }}
        </md-option>
        <md-option [value]="null" [disabled]="true">
            Convenios
        </md-option>
        <md-option *ngFor="let option of agreements" [value]="option">
            {{ option }}
        </md-option>
</md-select>

我想在其中有这样的风格:

我尝试将一些类放在md-select和md-option上,但没有用.我想有一个如何放置背景颜色或边框的例子,这会给我一个想法.

先感谢您

#div p {
    color: red !important;
}
...
#div p {
    color: blue;
}

我理解它是如何!important工作的,在这种情况下div将呈现红色,因为它现在具有优先级(!important).但我仍然无法找到适当的情况来使用它.有谁知道!important节省一天的任何例子？

我想在bootstrap中删除一些样式,这是一个例子:

的test.html:

<div class='span1'></div>

bootstrap.css:

span1 {
  width: 60px; 
}

我想删除width样式,并添加min-width: 60px样式

我这样做:

test在html中添加类:

<div class='span1 test'></div>

在CSS中:

.test{
  min-width: 60px;
}

但我怎么能去掉width: 60px的bootstrap.css？

我想在一张幻灯片上放一张大桌子。我正在使用 kable。我试过了，{.smaller}但还不够，所以我想我会使用 .css 但它也不起作用。

我创建了一个示例演示文稿来说明问题。我尝试编织它，它的显示方式与我的其他演示文稿中的显示方式相同（这很长，这就是我在这里排除它的原因）

我的代码：

---
title: "test"
author: "Test Author"
date: "5 Februar 2018"
output: 
  ioslides_presentation:
    test: presentation.css
---

{r setup, include=FALSE}
knitr::opts_chunk$set(echo = FALSE)
library(knitr)


## Test slide

{r}
table <- data.frame(
  index=1:10,
  long_text=c("long text here: asdfghhjoqweqwrqwrqwrasfasdfghhjoqweqwrqwrqwrasfasdfghhjoqweqwrqwrqwrasfasdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf")
)
kable(table) …