标签: css-selectors

对于大多数人来说听起来很简单,但我是新手.

input.input-text:hover {color:red}
input.input-text:focus {color:blue}

我想如果input-text重点是它不能在悬停时变红.我们可以这样做吗？

我希望能够拥有一个充满jQuery选择器的数组(一个类名数组).这就是我现在正在做的事情,尽管它不起作用:

var array = [$('.one'),$('.two')];
array[0].find('.box-text').attr('src',"myImage.png");

怎么了？

我是delphi的新相对论,并试图为我的a2计算课程编写一个复杂的搜索算法.我需要从字符串变量访问我的记录字段.例如

         getfield(record,'name');

我发现一篇文章可以解决我的问题,但我无法理解它.请有人可以将它缩短到我需要的地方.谢谢.

http://theroadtodelphi.wordpress.com/2010/10/10/fun-with-delphi-rtti-dump-a-trttitype-definition/

如何在一个相同的函数中组合$('#foo').click()和$('#bar').change()？点击可能无法触发#bar,而#foo则不会被更改触发.

所以假设:

$('#foo').click() + $('#bar').change() (function{
  //...
});

这不是我要找的:

function foobar() {
  // ...
}
$('#foo').click(function{
  foobar();
});
$('#bar').change(function{
  foobar();
});

相关的HTML:

<select id="bar">
  <option>dummy1</option>
  <option>dummy2</option>
</select>
<button id="foo">foo</button>

<style>
div [data-endpoint="/one/two/three/"] {display:none}
</style>

<div data-endpoint="/one/two/three/">
    example text
</div>

这里的实时代码示例:http://jsfiddle.net/DDUNp/2/

我知道我可以使用奇数和偶数来为表中的交替行着色.不过,我希望能够彩色每三排,所以着色是这样红-绿-蓝-红-绿-蓝.

此外,我想制作一般的并使用n种颜色来设置每个第n行的样式.

目前,我动态地生成表,并且对于每次迭代,我在每个td标记上输入类名modulo0,modulo1等.

有没有更好的办法？一个更自动化的,即.

如何使用选择器选择每个第一个和第四个div以:nth-child向其添加特定样式？

.main{
  width:460px;
  height:240px;
}
.box{
  width:100px;
  height:100px;
  background:red;
  float:left;
  margin:10px;
}

/*I tried */

.box:nth-child(n+4),.box:first-child{
  margin:10px 10px 10px 0;
}

.box:nth-child(4n){
  margin:10px 0px 10px 10px;
}

<div class="main">
  <div class="box"></div> <!-- margin-left:0px -->
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div> <!-- margin-right:0px -->
  <div class="box"></div> <!-- margin-left:0px -->
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div> <!-- margin-right:0px -->
</div>

第二个代码有效,但我遇到第一个问题？

如何选择行中的每个第一个和最后一个 div(行包含四个div)？

JSFiddle.

所以这是<table>:

<table class='census'>
    <tr>
        <th colspan="2">My Title</th>
    </tr>
    <tr>
        <td colspan="2" class='chart'><SOME PIE CHART, GENERATED WITH JS></td>
    </tr>
    <tr>
        <td>Some title</td>
        <td>Some Data</td>
    </tr>
    <tr>
        <td>Some title</td>
        <td>Some Data</td>
    </tr>
    <tr>
        <td>Some title</td>
        <td>Some Data</td>
    </tr>
    <tr>
        <td>Some title</td>
        <td>Some Data</td>
    </tr>
    <tr>
        <td>Some title</td>
        <td>Some Data</td>
    </tr>
</table>

我需要为第一列设置固定宽度.它很容易做到:

.census td:first-child {
    background-color: #F0F8FE;
    width: 250px;
}

现在问题! 带JS PIE CHART的固定宽度螺钉.

所以我需要对所有第一个<td>标签应用固定宽度,除了colspan="2"包含我的图表的标签.

如果这样,我唯一可以提出的(到目前为止):

.census td:first-child:not(.chart) {
    background-color: #F0F8FE;
    width: 250px;
}

它给我带来了意想不到的结果.我此时迷路了.

我有一些CSS属性应用于很多ID.我需要简化我的代码,因为有大约20个ID!这是我的CSS:

 #a1_build ul,#a2_build ul,#a1_build li,#a2_build li,
 #a1_apply ul,#a2_apply ul,#a1_apply li,#a2_apply li,
 #a1_learn ul,#a2_learn ul,#a1_learn li,#a2_learn li
 {
    margin:0;
    padding:0;
    list-style:none;
    }
#a1_build ,#a2_build,
#a1_apply ,#a2_apply,
#a1_learn ,#a2_learn
       {
         margin-top:1em;
       }

#a1_build li,#a2_build li,#a1_apply li,#a2_apply li,
#a1_learn li,#a2_learn li
 { 
    width:696px;
    height:500px;
    overflow:hidden; 
    }

现在,id将是a1_build,a2_build .... a10_build,a1_apply,a2_apply ...... a10_apply和a1_learn,a2_learn ..... a10_learn.我希望能够将它概括为'a'+ n +'_ build','a'+ n +'_ apply'和'a'+ n +'_ learn'并使n从1-10开始,这将使它成为一个整体更轻松!我怎样才能做到这一点？

有没有一种方法可以使用ONLY来定位组中的最后X个元素CSS(假设我们不知道有多少元素)？

示例 - 将目标中的最后3个元素作为目标ul:

<ul>
  <li>Element 1</li>
  <li>Element 2</li>
  <li>Element 3</li>
  ...
  <li>Element X-2</li>
  <li>Element X-1</li>
  <li>Element X</li>
</ul>