标签: pseudo-class

我对:visited伪类有一些疑问:

• 基于浏览器决定什么时候:visited应该将伪类应用于超链接？
• 他们是从浏览器的页面历史记录中获取此信息还是按会话或其他地方存储？
• (对于网页的开发者)是否可以控制:visited伪类应该应用于超链接的时间长度？

(注意:我不是要解决实际问题,我只是想知道它是如何工作的)

jQuery是否有:target类似CSS3 的伪类？

如果是这样,一个演示会很好.

谢谢!

我意识到我经常使用这些伪类,因此我的问题是:在2012年,我应该担心IE的旧版本以及它们呈现页面的方式吗？当然,我只是在必要时尝试使用它们,但它们真的很有帮助,因此我不愿意避免使用它们.

在CSS中使用命名空间时,您可以div使用命名空间类型选择器选择"任何或无命名空间"中的任何元素:

*|div

将伪类命名为有效的CSS吗？例如:

*|:first-child

它似乎在基于WebKit的浏览器中工作,似乎在IE9(IE9下面根本不支持命名空间)和Firefox中都不起作用.我不关心它做什么/不用的浏览器,我只需要知道它是否是一个有效的构造.

这是一个小提琴.

从我在CSS语法中可以看出,它是无效的.但我可能误读了语法.

我决定尝试使用CSS和HTML创建一个标签式菜单.使用:target伪类来显示适当的div,我实现了它,只是它跳得太多以至于用户友好:

http://brad.sebdengroup.com/newodynsite/stockman.php#StockControl

无论如何我可以解决这个问题吗？最初,我想远离JavaScript,但我很乐意添加一些,如果它修复了这个.

注意:我知道我可以使用jQuery /一些花哨的库重建一个新的选项卡式菜单,但如果可能的话,我宁愿修复它.

nth-child如果可能的话,我需要使用CSS3按顺序选择以下内容,但无法弄清楚如何...

70%宽度

1, 4, 5, 8, 9, 12, 13, 16, 17, 20

(+ 3 + 1R)

宽度30%

2, 3, 6, 7, 10, 11, 14, 15, 18, 19

(+ 1 + 3R)

我只能看到一种在序列中选择相同增量的方法(即1,5,9,13,17),所以想知道是否有人可以建议根据上述选择一些单一规则,或者我是否需要一些重叠规则根据需要覆盖.

码

ul a:first-of-type {
  color: red;
}

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li><a href="#">Item 3</a>
  </li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
  <li>Item 7</li>
  <li>Item 8</li>
  <li>Item 9</li>
  <li>Item 10</li>
  <li>Item 11</li>
  <li><a href="#">Item 12</a>
  </li>
  <li>Item 13</li>
  <li>Item 14</li>
  <li>Item 15</li>
  <li>Item 16</li>
</ul>

结果小提琴

为什么a选择项目12？它不是同类型的第一个兄弟,它是最后一个.

在JavaScript世界中,通常设置元素类来表示它的外观,后来由CSS定义.

在JavaFX中是这样的吗？

例如,如果我想在TableView单元格中将红色的负值着色,该怎么办？我不会直接编码颜色,而是将一些类分配给一个单元格,比如"负面",然后将它变成红色CSS.

我找到了PseudoClass课.这是为了这个吗？它被标记为"从8开始",那么还有更成熟的API吗？

我想制作一条水平线,横跨放置它的容器的宽度.带衬里的元素应如下所示:

//////////////////////////////////////////////////////////////////

非常像横向规则.我已经尝试了但只有当我在伪元素的content属性中放入足够的斜杠时才采用100%宽度.这是我的HTML代码:

<div style='width: 100%;>
   <p class='horizontal-line'></p>
</div>

这是我的CSS代码:

.horizontal-line:before
{
 content: '///////////////////////////////////////////////////////////////////////////////////';
 margin: 0;
 padding: 0;
 color: purple;
 width: 100%;
 font-size: 10px;
}

结果是:

///////////////////////////////////////////

但它不会超过100%的外部div宽度.为了做到这一点,我必须在内容属性中添加更多斜杠.我知道有一些替代和更好的方法来实现这一目标.

PS:我不擅长使用伪元素,可能做错了.谁有人指出？

编辑:如果我在内容属性中放置了许多斜杠,那么当放置在较小的容器中时,水平线会变为两行. 这是小提琴链接

:last-of-type(截至v1.9) vs .last()(截至v1.4):这两种方法都有效,但任何人都可以告诉我哪种方法基于效率更好？

例:

$(".item").last();

$(".item:last-of-type");

".last()"已经存在更长时间(截至v1.4).JQuery是否内置了":last-of-type",还是只是利用CSS并捎带浏览器的功能？谁能证实这一点？

在我看来,如果适用的话,":last-of-type"会更好.