Question

此示例中“项目b”的选择器如何：

<td class="col_3">item before br-tag <br/> flexible item after br-tag</td>

这不起作用：

td.col_3  > br 
{display: none;}

Answer 1

尝试使用以下CSS选择器：

#!/usr/bin/perl

use strict;
use warnings;
use 5.010;

while (<DATA>) {
  chomp;
  say "$_: " . (/\d/ && /\D/ ? 'matches' : 'doesn\'t match');
}

__DATA__
v2.1
-98.7
3.141
.6180
9,000
+42
555.123.4567
+1-(800)-555-2468
0123456789
12345

Answer 2

我很遗憾地告诉你，文本节点没有选择器。只有CSS可以定位元素。如果您希望以不同方式设置两个文本节点的样式，则需要将它们嵌套在两个不同的元素中。

在跨度中嵌套线条是否有问题？

<span>line 1</span><br>
<span>line 2</span>

然后，您可以使用br + span {}或span:last-child {}

来定位第2行

编辑：既然我知道你想要一个灰色的背景，你可以做的是在它上面放一个半透明的区域，就像这样（你可能需要调整高度）：

＆＃13;

.col_3 {
  position:relative;
  background:white;
}
.col_3::before {
  content:' ';
  position:absolute;
  background:black;
  opacity:.5;
  bottom:0;
  left:0;
  width:100%;
  height:50%;
}

＆＃13;

<table>
<tr>
  <td class="col_3">Line 1<br>Line 2</td>
</tr>
</table>

＆＃13;

一个br-tag之后的CSS选择器

2 个答案: