使用BeautifulSoup 4解析HTML和CSS时，需要使用正确的CSS选择器和HTML标签来定位元素。一些常见的错误包括大小写不匹配、标签名称错误、CSS选择器中的拼写错误等。以下是一些示例代码，用于定位HTML和CSS元素。

1. 使用HTML标签名称定位元素：

from bs4 import BeautifulSoup

html_doc = '''





Heading
Paragraph.
Link


'''

soup = BeautifulSoup(html_doc, 'html.parser')

# 定位h1元素
h1 = soup.find('h1')
print(h1.text)

# 定位p元素
p = soup.find('p')
print(p.text)

# 定位a元素
a = soup.find('a')
print(a['href'])

2. 使用CSS选择器定位元素：

from bs4 import BeautifulSoup

html_doc = '''





Heading
Paragraph.
Link


'''

soup = BeautifulSoup(html_doc, 'html.parser')

# 定位class为heading的h1元素
h1 = soup.select_one('.heading')
print(h1.text)

# 定位class为text的p元素
p = soup.select_one('.text')
print(p.text)

# 定位a元素的href属性
a = soup.select_one('a')['href']
print(a)

注意在选择css时需要在前面加.（class）或者# (id)。