小编thi*_*dot的帖子

基本上我的页面中有两个外部css.

第一个Main.css包含所有样式规则,但我无法访问它,因此我无法修改它.我有权访问第二个文件Template.css,所以我需要覆盖其中Main.css的值template.css.

这很容易我必须更改值,但如何完全删除属性？

好比说一个类.c1有height: 40px;,我怎么摆脱这个高度财产？

我有这个问题,我有两个div:

<div style="width:100%; height:50px;" id="div1"></div>
<div style="width:100%;" id="div2"></div>

如何让div2占据页面的剩余高度？

这是一个挑战.这是我正在寻找的:

1. 屏幕上有3个div
2. Div 1位于页面中间(居中)
3. Div 2就位于最左侧的屏幕上
4. Div 3就位于最右边的屏幕上
5. OnClick,Div 1滑动到Div 2的位置(向左),Div 2完全滑离屏幕,Div 3滑动到Div 3的位置(中间,居中).一个新的div到达右边.

我尝试过使用jQuery动画和AddClass.jQuery不喜欢在屏幕外滑动div.

有什么想法吗？

有关我所描述的示例,请访问Groupon.com.我认为这是一个很酷的主意,并给了我自己重新创造它的挑战.到目前为止,没有骰子.

-D

我正在寻找一个可以找到CSS工具包和资源的地方,可以像流行的Twitter Bootstrap一样使用.

有小费吗？

我有一个无序列表,可以包含偶数或奇数的项目.我正在寻找一种仅限CSS的方法,li如果lis 的数量是偶数,则从最后2个标签中删除边界.在:last-child不考虑伪选择删除最后一个.

li {
float: left;
border-bottom: 1px solid #000;
}

li:last-child{
border-bottom: none;
}

适用于奇数的lis

+============================================+
+          1          |          2           +
+--------------------------------------------+
+          3          |                      +
+============================================+

但对于偶数,我需要删除单元格#3的底部

+============================================+
+          1          |          2           +
+--------------------------------------------+
+          3          |          4           +
+---------------------                       +
+============================================+

所以我想我可以使用,li:nth-last-child()但我无法弄清楚应该是什么应该是抓住最后一个奇怪的孩子.

这不2n+1,2n-1,n-1,或任何我能想到的.请帮忙.

这个头衔看起来并不那么疯狂.我承诺!!

在研究另一个问题时,我注意到Stack Overflow的样式表中有以下内容:

...
width: auto;
...
width: 650px!ie7;
padding-bottom: 20px!ie7;
...

这是一种奇怪的条件样式吗？这是一个错误吗？假设这不是一个错误,这适用于所有IE版本吗？是否有一种方法可以指定给定的规则只应用于大于 - 比如7的IE版本？

我之前从未遇到过这种情况 - 我总是对IE特定的样式使用条件注释(对于它的价值,我更喜欢将所有IE特定的样式完全分开).

Recaptcha正在添加一个"此框架防止Safari中的后退/转发缓存问题"iFrame到我的网站顶部(下面包含的代码),这样可以将样式推迟20-30px(大约).

如果我设置display: none;为Firebug中的元素,它修复了问题.

有谁知道为什么这个元素有一个高度(我没有适用于iFrames的CSS)？或者如何设置display:none; 在上面？

<iframe src="about:blank" style="height: 0px; width: 0px; visibility: hidden; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; ">
    This frame prevents back/forward cache problems in Safari.
</iframe>

在Windows 8 metro风格的应用程序中查看以下CSS,什么是"fr"？

-ms-grid-columns: 638px 1fr;

那么简单.

将我的布局移动到流动的区域,处理可伸缩的图像.使用img标签并将max-width设置为100%可以很好地工作,但我宁愿使用div将图像设置为其背景.

我遇到的问题是图像不能缩放到背景中div的大小.有什么方法可以将标记添加到后台代码中,将其设置为容器的100%宽度？

#one {
    background: url('../img/blahblah.jpg') no-repeat;
    max-width: 100%;
}

这是代码:

<div style="width:400px">
    some text..
    <input type="text" />
    <button value="click me" />
</div>

如何使输入元素展开以填充所有剩余空间,同时保持在同一条线上？如果我把它100%放到它自己的线上......