CSS 选择器 - 选择“p”标签内的文本，其中包含 4 个文本并用 分隔答案

【问题标题】：CSS Selector - Selecting text inside a "p" tag with 4 texts inside and separated with CSS 选择器 - 选择“p”标签内的文本，其中包含 4 个文本并用 分隔
【发布时间】：2017-05-25 07:35:11
【问题描述】：

我需要 CSS 选择器方面的帮助。这是我的问题，我想在“p”标签中提取一个文本，其中包含多个文本并用  分隔我只需要 1 行文本即可返回
"公司名称：Corkery Consulting"
或者如果可能
"Corkery 咨询"

<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"

我不知道该怎么办。

【问题讨论】：

公司名称：Corkery Consulting
电话：+61 2 9906 6636
传真：+61 2 9906 6634
网站：corkeryconsulting.com" class="">corkeryconsulting.com</a>
请分享问题中的 HTML 和 CSS
完成 :) 添加 Html
的内容从何而来？你有控制权吗？最佳做法是标记事物以描述它们是什么，例如Company Name: Corkery Consulting Phone: +61 (etc)...，然后您可以从中提取片段。

标签： html css css-selectors selector

【解决方案1】：

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

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

您可以使用这种方法。或者将第一行包装到 span 中，然后像这样设置样式：

.selected {
  color: red;
}

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

【讨论】：

【解决方案2】：

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

p span {
 font-weight: bold;
}

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

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

【讨论】：

您好，先生，感谢您的回答，但 HTML 已修复，无需更改颜色。只想要一个返回“公司名称：Corkery COnsulting”或“Corkery Consulting”的代码或 CSS 选择器我尝试了此代码“p:first-of-type”和“p:nth-of-type(1)”但它只返回“p”中的所有文本
我认为我使用正确的单词时犯了一个错误，我使用 select 而不是提取文本
@Renz 如果你想提取文本，你打算在哪里使用它？在javascript中？
我想要 CSV 格式的。但我想首先弄清楚如何只返回我想要的文本。我知道你们可以在这里帮助我。
@Renz 你不能只用 CSS 提取它，所以不知道你将如何继续处理，很难准确回答。