可能重复:
CSS类名中有哪些字符有效？
如果这是假设是这样的话,请不要,但是当我指定一个类:.3plans时,它不适用于样式.但是当我将类名更改为.plans时,它会识别样式.这是为什么？请注意.3plans类是唯一的,并且在我的工作表中没有其他类似的样式,因此它不能重复.这种现象是一种常见的CSS实践吗？(不要在样式中使用数字)
我有一个类"4.0.3"的元素我该如何搜索它？
ff 12.x&latest chrome不返回任何内容
console.log($('.4\.0\.3').length);
console.log($(".4.0.3").length);
另一方面.hasClass(),如果元素有一个包含的类,则正确返回.
var section = $('.section');
var width = section.width();
if (width < 960)
section.addClass('.section-slim');
有人能看出这有什么问题吗？我没有得到增加的课程.
我试图并排浮动4个div.它们在父div宽度= 100%,每个子div是宽度:25%没有边距或填充...它们没有正确显示!
继承人代码......
<div id="bottomsections">
<div id="1a">
<h1>a</h1>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat</p>
</div>
<div id="1b">
<h1>b</h1>
<p>This is Photoshop's version of Lorem …我写了这个css代码:
body.product.70 div.mydiv {
display:none
}
和HTML:
<body class="product 70">
<div class="mydiv">
content
</div>
</body>
但它不想隐藏.谢谢
为什么你不能在CSS中使用数字,还有另一种方法可以完成这项工作吗？我有以下代码:
<div class="center 400-width" id="position">
<div class="" id="header">
Header
</div>
<div class="" id="content">
Content
</div>
<div class="" id="footer">
Footer
</div>
</div>
CSS选择类400-width,这意味着容器的宽度为400px.这background-color是为了检查它是否属实.
.400-width{
width:400px;
background-color:blue;
color:white;
}
它现在不会发生,你可以在这里看到
我通过替换400-来解决问题four.所以它变成了fourwidth.
输入以下内容：
#element{ color: #333; }
#element2,
.element3,
.whatever{ background: red; }
.test,
.test2, .test3,
#test111,
.element5555, #fooooooter{ display: none; }
#element8 tr .bacon{ font-size: 10000em; }
如何使用正则表达式来匹配这些：
#element
#element2
#element8
#test111
并且不匹配这些：
#333
到目前为止我尝试了更多的变化，但我想不出任何有用的东西。
这是我最新尝试的：
(#).*[{]
但它似乎跳过了一些选择器。
我想创建一个干净的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忽略上面的标题.这是我的项目,以防你想知道.
请尽快帮助我.非常感谢.
我有这个选择:
<select>
<option class="1">1st</option>
<option class="2">other1</option>
<option class="2">other2</option>
<option class="1">2st</option>
<option class="2">other1</option>
<option class="2">other2</option>
</select>
如何禁用类"1"的选项？
我已经阅读了关于在CSS选择器中组合类和ID的问题,但它对我不起作用,我不知道我哪里出错了.
我有以下一组div:
<div id="maincontent" class="2col clearfix">
<div id="leftcolumn">content</div>
</div>
以及我的css中的以下内容:
#maincontent.2col {
width: 840px;
margin: 0px auto;
text-align: center;
}
#maincontent.2col #leftcolumn {
float: left;
width: 490px;
margin: 0 10px 0 0;
/*border: 1px solid #000;*/
text-align: left;
}
然而,当我使用萤火虫时,#leftcolumndiv 没有发生任何事情.
如果我.2col从两者中移除它的工作方式与我期望的一样,但我希望在那里有2col类,因为我将有一个3列布局,我不希望有一个以上样式表.有什么想法吗？
编辑:道歉,这不是我的HTML拼写错误,这是一个拼写错误,当试图在这里写出来.
我需要一双关于这段代码的新眼睛.必须有编码器的盲目性或其他东西.对于我的生活,我无法弄清楚为什么图像没有在页面上加载.
我一直坐在这里将其与其他工作代码进行比较,使用不同的类和图像精灵,无法查看问题所在.
如果有人不介意花一两分钟跑过去,我会非常感激.
.480sl1, .480sl2, .480sl3, .480sl4, .480sl5, .480sl6, .480sl7, .480sl8, .480sl9, .480sl10, .480sl11, .480sl12, .480sl13
{background-image: url('https://freephonewallpapersformobile.files.wordpress.com/2015/11/480-sl-sprite.jpg');
background-repeat: no-repeat;
width:100px;
height:166px;
display:inline-block;
}
.480sl1 {background-position: 0px 0px;}
.480sl2 {background-position: 0px -166px;}
.480sl3 {background-position: 0px -332px;}
.480sl4 {background-position: 0px -498px;}
.480sl5 {background-position: 0px -664px;}
.480sl6 {background-position: 0px -830px;}
.480sl7 {background-position: 0px -996px;}
.480sl8 {background-position: 0px -1162px;}
.480sl9 {background-position: 0px -1328px;}
.480sl10 {background-position: 0px -1494px;}
.480sl11 {background-position: 0px -1660px;}
.480sl12 {background-position: 0px -1826px;}
.480sl13 {background-position: 0px -1992px;}
<div class="top_grow11"><a href="free-480x800-mobile-wallpapers.htm"><img class="480sl1"></img></a></div> …我在jQuery代码下使用时得到的.我不明白是什么问题？
$("<table cellspacing="0" width="100%" class="ms-rteTable-default"><tbody><tr>
<td class="ms-rteTable-default" style="width: 50%;"></td></tr></tbody></table>")
.appendTo("#Business_x0020_Benefits_7c71784a-a647-4338-a871-27a49740ee27_$TextField_inplacerte");
我相信,我有这个问题是关系到margin不是崩溃在div那里面另一个div,但我可能是错的.
我希望有人可以在这方面把我推向正确的方向.
以下是我正在处理的页面中的一小段代码:
.space25 {
margin-bottom: 1.563em;
}
#menu {
text-align: center;
color: white;
margin-top: .9375em;
margin-bottom: .9375em;
}<div id="page-wrap">
<div id="header">
<div id="logo">
<img src="logohuge2.png" width="750px">
</div>
<div id="menu">
<h5><span class="btn">CURRENT WORK</span> <span class="btn-active">PRICING</span> <span class="btn">CONTACT</span></h5>
</div>
</div>
<div id="mediumtitle" class="25space">
Basic Packages</br>
</br>
</div>
</div>css ×8
html ×6
jquery ×4
addclass ×1
class ×1
declaration ×1
javascript ×1
margin ×1
regex ×1
width ×1