CSS选择器 - 在“p”标签内选择文本，内部有4个文本，并用<br/>分隔

Question

我需要CSS Selector的帮助。这是我的问题，我想在一个“p”标签内提取一个文本，里面有多个文本并用<br>分隔我只需要1行文字就可以得到回报  “公司名称：Corkery Consulting”
或者如果可能的话  “Corkery Consulting”

<p class="">Company Name: Corkery Consulting<br>Phone: +61 2 9906 6636<br>Fax: +61 2 9906 6634<br>Web: <a target="_blank" href="http://www.corkeryconsulting.com" class="">http://www.corkeryconsulting.com</a></p>

我试过这个：
 “p：first-of-type”和“p：nth-​​of-type（1）”

但是它给了我所有的文本结果  “公司名称：Corkery Consulting电话：+61 2 9906 6636传真：+61 2 9906 6634网址：http://www.corkeryconsulting.com”

我不知道该怎么做。

Answer 1

＆＃13;

＆＃13;

p::first-line {
  color: red;
}

＆＃13;

<p class="">Company Name: Corkery Consulting<br>Phone: +61 2 9906 6636<br>Fax: +61 2 9906 6634<br>Web: <a target="_blank" href="http://www.corkeryconsulting.com" class="">http://www.corkeryconsulting.com</a></p>

＆＃13;

＆＃13;

＆＃13;

你可以使用这种方法。或者将第一行包装成span，然后将其设置为样式：

＆＃13;

＆＃13;

.selected {
  color: red;
}

＆＃13;

<p class="">Company Name: <span class="selected">Corkery Consulting</span><br>Phone: +61 2 9906 6636<br>Fax: +61 2 9906 6634<br>Web: <a target="_blank" href="http://www.corkeryconsulting.com" class="">http://www.corkeryconsulting.com</a></p>

＆＃13;

＆＃13;

＆＃13;

Answer 2

最简单的方法是在代码中添加span代码：

＆＃13;

＆＃13;

p span {
 font-weight: bold;
}

＆＃13;

<p class="">Company Name: <span>Corkery Consulting</span><br>Phone: +61 2 9906 6636<br>Fax: +61 2 9906 6634<br>Web: <a target="_blank" href="http://www.corkeryconsulting.com" class="">http://www.corkeryconsulting.com</a></p>

＆＃13;

＆＃13;

＆＃13;

如果您需要更具体的选择器，请将课程添加到p和/或span。