相关疑难解决方法(0)

什么!在CSS中的重要意义?

可能重复:
在CSS中使用"!important"有什么含义?
你如何阅读!在CSS中很重要?

!importantCSS 中的含义是什么?

它在CSS 2中可用吗?CSS 3?

它在哪里支持?所有现代浏览器?

css

387
推荐指数
5
解决办法
65万
查看次数

在CSS中使用"!important"有什么含义?

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

div.myDiv { 
    width: 400px !important;
}
Run Code Online (Sandbox Code Playgroud)

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

html css css-specificity

193
推荐指数
6
解决办法
8万
查看次数

两次定义CSS属性

general.css

#feedback_bar
{
  /*props*/
}
Run Code Online (Sandbox Code Playgroud)

another.css

#feedback_bar
{
  /*props*/
}
Run Code Online (Sandbox Code Playgroud)

这是允许的吗?两者都会继承吗?

css

18
推荐指数
1
解决办法
7892
查看次数

我可以禁用用户字体大小配置吗?

我正在制作一个自适应网站,当用户有一些奇怪的字体大小配置(对于视觉问题等)时,设计会以一种可怕的方式破坏......显然我不想忘记可访问性......所以:是有没有办法知道用户何时尝试强制字体大小,禁用它并给他不同的样式?

html javascript css

5
推荐指数
1
解决办法
2270
查看次数

媒体查询为什么不覆盖普通CSS?

是否需要!important像下面的示例一样,在为网站编写的媒体查询中添加所有属性?

我的样式表底部有下面的CSS,但是我发现这些属性在添加!important标签之前无法反映我的设计。我了解使用!important标签不是最佳做法。

的CSS

.loginbar {
    padding: 20px;
}
.logo {
    display: inline-block;
}

@media screen and (max-width: 1042px) {
        .loginbar {
            padding: 10px !important;
        }
        .logo {
            diplay: none !important;
        }
    }
Run Code Online (Sandbox Code Playgroud)

的HTML

    <div class=".logo"></div>
    <div class="loginbar"><a href="#">Log In | Sign Up</a></div>
Run Code Online (Sandbox Code Playgroud)

css css-specificity

5
推荐指数
1
解决办法
707
查看次数

jQuery对话框中的Z-index.自动提示列表未正确显示

我在jQuery对话框中显示autosuggest框时遇到问题.无论如何,自动建议列表都会显示在对话框下方.我已经尝试将autosuggest的z-index属性设置为> 1004.但没有运气.

以下是截图.

在此输入图像描述

这是我用来设置autosuggest列表样式的CSS类:

ul.as-list {
    position: absolute;
    list-style-type: none;
    margin: 2px 0 0 0;
    padding: 0;
    font-size: 14px;
    color: #000;
    font-family: "Lucida Grande", arial, sans-serif;
    background-color: #fff;
    background-color: rgba(255,255,255,0.95);
    box-shadow: 0 2px 12px #222;
    -webkit-box-shadow: 0 2px 12px #222;
    -moz-box-shadow: 0 2px 12px #222;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    z-index:6000;
}

li.as-result-item, li.as-message {
    margin: 0 0 0 0;
    padding: 5px 12px;
    background-color: transparent;
    border: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px; …
Run Code Online (Sandbox Code Playgroud)

javascript css dialog jquery-ui z-index

2
推荐指数
1
解决办法
3398
查看次数

标签 统计

css ×6

css-specificity ×2

html ×2

javascript ×2

dialog ×1

jquery-ui ×1

z-index ×1