# 在柏树中，它是啥意思

Posted 2023-02-16

【中文标题】# 在柏树中，它是啥意思

【英文标题】：# in cypress, what does it reallmean# 在柏树中，它是什么意思

【发布时间】：2021-11-18 01:43:55

【问题描述】：

我是 cypress 的新手，想知道是否有人可以解释如何在调用元素时真正使用 #，我试图找到一些文档，但没有什么真正有用的。

也许我看错地方了？如果有人能指出我正确的方向。谢谢

【参考方案1】：

我也是 cypress 的新手，但 '#foo' 只是 '[id="foo"]' 的简写

假设你有一个元素

<ul id="foo" class="bar">

你可以用#foo解决它

cy.get('#foo') 

与

相同

cy.get('[id="foo"]')

这对类来说是类似的。

cy.get('.bar')

与

相同

cy.get('[class="bar"]')

也许还有更多，但这就是我在选择器中使用 # 和 . 的方式

【讨论】：

比你！你让我很清楚很容易哈哈

【参考方案2】：

这就是 CSS 选择器，# 是 ID 选择器，. 是类选择器。以下是一些参考资料：

w3schools：https://www.w3schools.com/cs-s-ref/css_selectors.asp

MDN：https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors

所以，通过“调用一个元素”，我假设您想知道如何准确定位您想要单击的元素，为此您必须检查页面的 html，并找出您可以提供的合适选择器cypress 以找到您的页面元素。

Cypress TestRunner 还为您提供了 Selector Playground 以帮助您轻松找到页面元素： https://docs.cypress.io/guides/core-concepts/test-runner#Selector-Playground