十分鐘教會你使用CCS定位Html的元素

2021-10-01 19:27:46 字數 2009 閱讀 8007

首先,先介紹一下,大概的格式為(這裡我稱作引數,可能叫法不準確,大概這個意思):

標籤名+[屬性名="引數"]
這些都是在定位元素時都會有的,當然這些都是標準引數,有兩個比較特殊的屬性是idclass,這兩個屬性可以分別使用英文符號#和.代替.比如定位乙個有id,name,class name屬性的這些元素的輸入框;

使用id就是input#引數(這個引數如果加了中括號需要帶上引號),但是標準的格式是input[id=「引數」],可能你的寫法是driver.find_element_by_id(引數)

就只能使用父級元素→子級元素這種一層管理下一層的方式定位了

如果又有標籤,又有class就是這種格式了

父級 子級 孫級 重孫級這種順序來,中間使用空格隔開每個元素,class的引數前面加上乙個"."就可以了

但是一般是反正著來的,因為最先定位到的是這個元素

也可以把游標移動到**裡面的灰色三角形上,可以看到一條線,通過這條線,可以很快找到的它的最大父級元素的位置,使用父級再到下一級的方式定位它的確切位置

比如:.qrcodecon .title類名或者引數都是用"."連線,中間使用空格隔開

這裡因為是使用id的屬性,所以特殊一些,需要換成id的專屬名字

#的ul列表,這是他的首頁,可以看到有很多的···標籤

現在要做的是定位帶這個推薦,因為要獲取這個文字,如果你要輸入.a會發現有很多個,可以說是無數個,不過你會發現這個理的herf很短,所以,也並不複雜,直接a[href="/"]

對於單一的css樣式,是可以直接定位到的,直接乙個點,後面加上css的名稱,(建議雙擊網頁源**複製,有的名字很複雜)

又或者是很多行的列表形式的css樣式,這種一般使用前端裡面的nth-child(number)或者是nth-of-type(number)這種形式,

一般是多行div或著p,span,就可以使用這種方式,相當於按順序吧,多級定位就中間乙個空格,有的打》這個符號的也可以,換成空格方便

就比方我這個部落格這裡就是乙個列表,定位到這倒數第二張的方式就是#content_views p:nth-child(10) img:nth-of-type(2)

個人理解,感覺寫的有點亂

暫時教程先到這…如果有問題可以在下方提出來

十分鐘教會你們怎麼開傳奇

傳奇架設其實很簡單 很多非常愛玩這款遊戲,可能還有朋友不知道怎麼架設這款遊戲 今天特意寫篇傳奇架設教程,希望大家都能打造出真正屬於自己的傳奇 首先傳奇架設需要準備以下幾個軟體 準備工具 1 傳奇服務端 版本 2 配套登陸器 一般版本裡面都有會自帶的 3 dbc2000 第一步 解壓傳奇服務端 就是m...

課間十分鐘

時間限制 1000 ms 記憶體限制 128 mb 兩人都是數學愛好者,便發明了乙個遊戲。在遊戲開始前,他們先約定乙個正整數n,同時令m 1。遊戲過程中,每個人都可以將m的值擴大2到9中的任意倍數。第乙個使m n的人就是最後的贏家。181818181818和zbt都十分聰明,並且遊戲過程中都使用最佳...

十分鐘的代價

2008年9月15日上午10 00,擁有158年歷史的美國第四大投資銀行 雷曼兄弟公司向法院申請破產保護,訊息轉瞬間通過電視 廣播和網路傳遍地球的各個角落。令人匪夷所思的是,在如此重大的情況下,德國國家發展銀行在十分鐘後,居然按照外匯掉期協議的交易,通過計算機自動付款系統,向雷曼兄弟公司即將凍結的銀...