首页 > Web开发 > 详细

Css定位

时间:2020-06-28 13:47:34      阅读:59      评论:0      收藏:0      [点我收藏+]

1.使用绝对路径定位元素

html>body>div>input[value=‘xx‘]

步间通过">"分割

2.使用相对路径定位元素

input[value=‘xx‘]

3.使用class名称定位元素

input.xx

"."分割元素名与class属性名

4.使用id属性值定位元素

input#xx

"#"分割元素名和id属性值

5.使用页面其他属性值定位

img[alt=‘div1‘]

确保属性值唯一

6.使用属性值一部分内容定位元素

a[href^="http://www.bai"]

a[href$="du.com"]

a[href*="baidu"]

7.使用页面元素进行子页面元素的查找

div#div1>input#div

8.使用伪类定位元素

div#div1 :first-child

div#div1 :nth-child(3)

div#div1 :last-child

9.查找同级兄弟页面元素

div#div1>input + a  在id属性值为div1的div元素下,查找input元素后的同级且临近的超链接元素a

 

Css定位

原文:https://www.cnblogs.com/hyeonsori/p/13202438.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!