如你所知,我遇到了一个让你解决的问题.
我扯掉了所有的头发,想弄清楚为什么哎last-child不起作用.
我试图删除border-right有last-child,但由于某种原因,没有工作了.
这是链接
我希望能够通过自己的ID和类(没有别的)选择以下任何四个单独的跨度,但我似乎无法找到正确的语法... #id1 .class2并#id2 .class2选择两个右手因素确定的,但#id1 .class1并#id2 .class1似乎选择我希望它们只选择p中第一个跨度的两个元素.
<html>
<head>
<style>
#id1 .class1{ background: red; }
</style>
</head>
<body>
<p id="id1">
<span class="class1">one<span>
<span class="class2">two<span>
</p>
<p id="id2">
<span class="class1">three<span>
<span class="class2">four<span>
</p>
</body>
</html>
我有以下html文字.
<ol class="otherstufflinks">
<li>
<a href="./pythonNotes/index.html">Python notes</a>
</li>
<li>
<a href="./figure.html">Cool figure made using</a>
<a href="http://mbostock.github.com/d3/" class="nestedlink">d3.js library.</a>
</li>
</ol>
我css文件中的相关部分是:
a:link, a:visited {
color: steelblue;
text-decoration: none;
}
a:hover {
color: rgb(210,135,60);
}
.otherstufflinks > li,
.otherstufflinks a:link, .otherstufflinks a:visited
{
font-weight: normal;
color: rgb(75,75,75);
}
.otherstufflinks a:hover {
color: rgb(210,135,60)
}
我想选择一种不同的颜色,比如红色,用于与班级的链接nestedlink.如果有人能告诉我该怎么做,我将不胜感激？我尝试了以下但没有一个工作.
第一次尝试:
.nestedlink a:link, .nestedlink a:visited {
color: red;
}
第二次尝试:
.otherstufflinks .nestedlink a:link, .otherstufflinks .nestedlink a:visited {
color: red;
} …有人可以了解这两种类型的CSS声明之间的区别:
ul#test {
}
#test ul {
}
我看起来似乎找不到区别,但是当我在测试页面上使用它们时,它们的行为会有所不同.据我所知,他们做同样的事情,即只将#test ID与分配给它的UL标签相关联.但是在实际使用中,当我在样式表中使用ul#test时,格式化正常.另一方面,如果我使用#test ul则不然.
你可以看到我在这里指的是什么:
http://jsbin.com/awixib/2/edit#source
ul#test方法是否意味着ID专门分配给UL标签,而#test ul意味着UL是否在另一个分配了ID的标签内？
我有一些带有一些图像的幻灯片.有一个NEXT-Link(id:#next)可以浏览.我想在到达最后一张图像时立即更改NEXT-link的CSS颜色.
我现在有类似的东西:
if($('img.next()').is(":last-child")){$('#next').css('color:#666');}
else{$('#next').css('color:#111');}
这有什么问题？
我创建了一个页面,它是三个独立网站的登录门户.在此页面上,我向所述网站显示了三个登录门户.我试图用css和尽可能少的课程来设计它(我需要微调我的CSS技能).
我创建的是一个包含三行和两列的表,名为loginPortals:
<table class="loginPortals">
<tbody>
<tr>
<td>Picture 1</td>
<td>Login form 1</td>
</tr>
<tr>
<td>Picture 2</td>
<td>Login form 2</td>
</tr>
<tr>
<td>Picture 3</td>
<td>Login form 2</td>
</tr>
</tbody>
</table>
我刚刚开始制作桌子的样式,所以它非常不完整,但我已经在努力了.这是简化的,因为我不确切地知道它的外观.基本上,我想在每一行之间出现某种边界.以下并不是我想要的那样:
.loginPortals{
width:100%;
}
.loginPortals tbody:first-child td{
border-top:1px solid #000;
}
.loginPortals tbody tr td{
border-bottom:1px solid #000;
padding:1em 0;
}
第一个孩子选择器没有像我想象的那样工作.它将顶部边框应用于所有行中的所有单元格.这导致线条厚度在行的中间加倍.
如何解决此问题,以便顶部边框仅应用于顶行而不创建额外的类或应用任何内联样式.
谢谢!
乔
我在一些代码示例中看到了class1> class2 {class definition}.上述符号是什么意思？
Html代码:
<div id="div1">
<div class="nest">
<input name="i1"/>
</div>
<div>
<input name="i2"/>
</div>
<input name="i3"/>
<div>
<input name="i4" />
</div>
</div>
现在我想找到所有输入内部#div1但不在内部.nest的css选择器,它们是i2,i3,i4.这该怎么做？
可能重复:
CSS:选中 - 更改<td>背景
是否有CSS父选择器？
<ul class="submenu">
<li><a href="...">Submenu 3</a></li>
<li><a href="..." >I need to select this element</a>
<ul class="submenu">
<li><a href="...">Sub-submenu 3</a></li>
<li><a href="...">I need to select this element</a>
<ul class="submenu">
<li><a href="...">Sub-sub-sub 1</a></li>
<li><a href="...">Sub-sub-sub 2</a></li>
基本上,我需要选择<li>位于BEFORE ul元素的每个元素class="submenu"(ul class="submenu"'s parent)
我需要选择这个元素