小编cla*_*uzy的帖子

SCSS mixin中if/else条件的语法

嗨,我正在尝试学习SASS/SCSS,并试图重构我自己的mixin for clearfix

我想要的是mixin是基于我是否通过mixin宽度.

到目前为止的想法(伪代码,因为我将包括其他mixins)

@mixin clearfix($width) {

   @if !$width {

    // if width is not passed, or empty do this

   } @else {

        display: inline-block;
        width: $width;
   }
}
Run Code Online (Sandbox Code Playgroud)

这就是我以为我可以称之为它,但它不起作用.

@include clearfix();

要么

@include clearfix(100%)

要么

@include clearfix(960px)

我会感谢任何有关最佳或正确方法的帮助!

conditional if-statement sass mixins

104
推荐指数
3
解决办法
15万
查看次数

CSS偏移属性和静态位置

偏移属性(左,上,下,右)仅适用于非静态位置吗?

它们可以应用于静态定位的元素吗?如果是这样,将它们应用于非静态定位元素有何不同?

css positioning

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

将div宽度设置为100%减去一定量的px

一直在网上搜索过去几个小时找到解决方案,但找不到它,所以我在这里.

我需要的宽度div100%负的宽度left div.

因此它的div左边保持相同的宽度(390px),但另一个div根据分辨率调整其大小.我找到了解决方案,它div在两侧都有固定的宽度,但只是无法弄清楚这一点.

在此输入图像描述

html css width

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

一个100%宽度的div和一行中的两个固定div

我需要一行三个div.

一个是尺寸200px,第二个300px,最后一个div应该是剩下的.

为什么我的最后一个div在新的一行?

<div style="float: left; width: 200px; background: #223355">a</div>
<div style="float: left; width: 300px; background: #223344">b</div>
<div style="float: left; width: 100%; background: #334455">c</div>
Run Code Online (Sandbox Code Playgroud)

css

6
推荐指数
1
解决办法
4104
查看次数

歌剧镶嵌盒子阴影

自v10.5起,Opera已经支持box-shadow,但它不适用于输入元素.

input[type=text] {
    background-color: #fff;
    border: 1px solid #a0a0a0;
    box-shadow: inset 1px 1px 1px #d2d2d2;
    -o-box-shadow: inset 1px 1px 1px #d2d2d2;
}

<input type="text" name="test" />
Run Code Online (Sandbox Code Playgroud)

此代码适用于Chrome和Firefox,我在OSX 10.6上使用Opera 11.01.有人可以帮忙解决这个问题吗?

css opera css3

3
推荐指数
1
解决办法
4080
查看次数

JQuery - 如何在一些html中添加单个html标签?

我想在下面的文本之前插入一个<span>(在LINK之前):

<li><a href="">LINK</a></li>
Run Code Online (Sandbox Code Playgroud)

所以,上面变成了

<li><a href=""><span>LINK</a></li>
Run Code Online (Sandbox Code Playgroud)

这是我的JQuery代码:

$('#mainnav li a').prepend('<span>');
Run Code Online (Sandbox Code Playgroud)

当我在firebug中查看代码之后,我知道<span></span>,如何才能获得开始span标记而不是结束标记?

html jquery prepend

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

我如何在CSS中使用自定义字体

为了使用浏览器不支持的自定义字体,我可以尝试哪些选项?

css browser fonts

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

为什么这个jQuery选择器不起作用?

$('del, .set-ui-icon-15x41-new:has(:parent+div:has(ins))').toggle(500);

基本上我正在寻找切换所有del标签,以及span类名为'set-ui-icon-15x41-new'的s,其父级包含一个带有ins标签的子div .

简化; 这也不起作用:

$('.set-ui-icon-15x41-new:parent')

但这确实......

$('.set-ui-icon-15x41-new').parent()

那么我怎样才能使:parent选择器工作?

jquery css-selectors

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

为什么这种风格不继承?

如果我有这个HTML

<table class="actList">
    <tr>
        <th> a </th> <th> a </th> 
    </tr>
    <tr>
        <td> a </td> <td> a </td> 
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

这个css

.actList { 
   background-color: rgb(235, 239, 249); 
   width: 100%;
}

th.activity, th.actList { 
   text-align: left; 
   font-weight: normal; 
   padding: 0.4em 1em 0.4em 0.3em; 
}
Run Code Online (Sandbox Code Playgroud)

然后我会想到的是,最后一行意味着,所有<th>的在表中class="actList"会得到这种风格.但它没有在这里看到

http://jsfiddle.net/littlesandra88/k3Bv5/

适当的CSS th.actList会是什么样的?

可以在不添加每个类的情况下完成<th>吗?

html css css-selectors

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

如何设置div以使用可用的浏览器高度自动调整其高度

我有一个div(位置:固定),具有不同的高度,具体取决于其中的内容.要为我添加overflow-y:auto并指定固定高度的自动滚动.

有没有办法自动设置div的高度,以便当浏览器空间更改时,div的高度会相应更改,如果没有足够的空间,滚动条会出现,当有足够的可用空间时滚动条消失.

html css scroll positioning

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

获取相关的Jquery子菜单以在新页面加载时保持打开状态?

我需要以下菜单的帮助.

当单击子菜单项并加载另一个页面时,如何使特定子菜单保持打开状态.

关于jsfiddle的代码

javascript jquery menu

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