突然發現這個編輯器裡面的*有時間顯示不出來,好尷尬,這個定位方法和上個css那個還有好多地方用到,最好看截圖裡面表示式的寫法,外面的只是解釋一下
說過了css接著再說說xpath,還是需要大量的截圖,xpath定位和電腦裡的檔案路徑差不多如:html/body/div就是html下的body下的div元素
乍一看是不是和電腦裡面的資料夾差不多,其實就是差不多,一層一層的往下寫,這個是絕對路徑
『/』代表的是只能是上層元素的子元素,不包括後代元素
再看下面這個
html/body//div 『//』這個意思是body下的所有的div元素後代,而第一幅圖代表的僅僅是body下的子元素,定位時間如果僅僅靠這樣定位那麼是很麻煩的,所以xpath也有一些其他的用法,可以使定位元素更加方便,還是看圖
上面的兩個就是通過元素定位,這個方法和css裡面差不多,不一樣的是這個在中括號裡面加了@符號 //*意思是html下的所有元素
/*[@id=「s_is_index_css」]/following-sibling::div此時只定位到了乙個元素,原因是加了-sibling,此時定位的是和id="s_is_index_css"的元素的同級的所有div元素,因為此時只有乙個同級的div元素,所以只定位了乙個,如果有很多個那麼就能定位到很多個同級兄弟元素,此時也可以用下標去找到元素
好了,今天到此為止
///a[contains(@href,『diannao』)] ///a[contains(@text(),『你好』)] ///a[contains(@href,『diannao』)]/… .///label[@for=『newstitle』]/…/input[@id=『newstitle』]
CSS定位的一些解釋
定位 position static relative absolute fixed 預設值 static top right bottom left 初始值為 auto 百分數 對於top和bottom,相對於包含塊的高度 對於left和right,相對於包含塊的寬度 正值使邊界向內偏移,負值會導...
關於定位的一些事。
當在這乙個頁面上想要實現布局打破固有的自上向下的文件流排版。就需要脫離出文件流,從而移動布局排版。今天在這裡對於定位有一點想法,和記錄了一些很是有用的內容。首先,css定位是基於盒子模型的,可分為 靜態static定位 絕對absolute定位 相對relative 定位 固定fixed定位。其中,...
關於定位的一些筆記
主要 於 元素都有position屬性,其預設值是 static 這也意味著,他們沒有也不接受位置屬性設定 top right bottom left屬性值設定 另外元素設定了position屬性,將會覆蓋元素的預設值 static position relative relative 是 posi...