我有这个片段:
<div>
<p class="one">
a long text that wrap in multiple rows. Lorem ipsum dolor sit amet,
consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
obcaecat cupiditat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
长文本被包裹在 div 中。Div 标签是 565px 宽。因此，div 中的文本是可见的多行(行)，因为它换行了文本。
我希望只有第一行成为超链接。
所以，我想得到这个:
<div>
<p class="one">
<a href="#">a long text that wrap in multiple rows. Lorem ipsum dolor sit amet, </a>
consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
obcaecat cupiditat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
更新 我正在测试这个:
<html>
<head>
<style type="text/css">
a:first-line
{
color:yellow;
}
</style>
</head>
<body>
<h1>WWF's Mission Statement</h1>
<a href="#">a long text that wrap in multiple rows. Lorem ipsum dolor sit amet,
consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
obcaecat cupiditat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.</a>
</body>
</html>
来自 http://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_firstline
但是好像不行。为什么伪选择器第一行对超链接标签不起作用？
最佳答案
因为我猜你只是为了展示目的而获得它，你可以将所有文本包装在一个链接中，并只使用 CSS 给出第一行链接外观。您无法使用 CSS 将某些内容转换为链接。
关于javascript - 使段落的第一行与 css 或 javascript(jquery) 链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10583238/