相关疑难解决方法(0)

CSS类选择器中允许使用哪些字符/符号？我知道以下字符无效,但哪些字符有效？

~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] \ { } | ` #

我有一堆DIV,除了1之外都有相同的类和风格.

    <div id="0" class="divpage" style="display:none"></div>
    <div id="1" class="divpage" style="display:none"></div>
    <div id="2" class="divpage" style="display:none"></div>
    <div id="3" class="divpage" style="display:none"></div>
    <div id="4" class="divpage" style="display:block"></div>
    <div id="5" class="divpage" style="display:none"></div>
    <div id="6" class="divpage" style="display:none"></div>

我需要找出div的id是'display:block'.我使用了以下代码,但它只返回第一个div的id.

var num = $(".divpage").attr("id");

如何修改它以找到正确的ID？

提前致谢.

我想创建一个干净的CSS编码,其中为特定属性创建类,例如,".20mleft"类为20px边距 - 应用的html元素.我希望div的宽度为620px,另一个div的宽度为220px.两个div都向左浮动,620px宽度div的右边应该有20px的边距.这两个div都包含在容器类div中.这些是代码.

HTML:

<div class="container">
  <div class="8cols fleft 20mright" style="border:1px #333 solid;"><p>This is the Main Content</p></div>
  <div class="3cols fleft" style="border:1px #333 solid;"><p>This is theSidebar</p></div>
</div>

我正在使用12列960网格BTW.

CSS:

/** FLOAT OPTIONS **/
.fleft{float:left;}

/** BOX ELEMENTS **/
.container{width:940px; margin:0 auto;}
...
.3cols {width: 220px;}
...
.8cols {width: 620px;}

/** MARGIN OPTIONS **/
...
.20mright{margin-right:20px;}

问题: .fleft类的属性是唯一可以工作的属性..8cols,.3cols和.20mright类的属性无法应用.我检查了Firefox的Inspector,除了.fleft类声明外,我看不到属性.似乎div的宽度由其内部的内容控制.

有关更好的说明,请下载以下图片:

样本图片

PS忽略上面的标题.这是我的项目,以防你想知道.

请尽快帮助我.非常感谢.