Question

我试图仅使用CSS来调整内部网站（公司政策：该网站无法正常工作，因此服务器不会受到影响，实际上将通过CSS扩展来完成）

我们需要将HTML中的属性中存在的值包含到视图中（由用户看到）

HTML如下：

<div class="card card-employe" employid="a453">
    <a href=... target="_blank">
        ...
    </a>
</div>

因此，通过CSS选择器，我可以通过以下方式在卡片上插入文本：

.card-employe::before {
  content: "_ #EmployeID:";
}

但我梦for以求

.card-employe::before {
  content: "#EmployeID:" + this.employid;
}

因此文本将显示：

#EmployeID:a453

仅CSS就有可能吗？

Answer 1

是的，可以使用：

import requests
from bs4 import BeautifulSoup
import csv

r = requests.get('url')
print(r.status_code)
r.text

soup = BeautifulSoup(r.text, 'html.parser')
print(soup.prettify())

data=[]
for link in soup.find_all('a', href=True):
    print(link['href'])
    data.append(link['href'])

with open('test1.csv', 'w', newline='') as f:
    write = csv.writer(f)
    for row in data:
        write.writerow(data)

有关.card-employe::before { content: "#EmployeID:" attr(employid); }的更多信息，请访问https://developer.mozilla.org/en-US/docs/Web/CSS/attr

CSS技巧：将属性值放入另一个CSS标签

1 个答案: