- 基础选择器
-
1 标签选择器 就是标签的名字。 • <h1>前端与移动开发<span>1期班</span>基础班</h1> css: • <style type="text/css"> • span{ • color:red; • } • </style> 注意的是: 1) 所有的标签,都可以是选择器。比如ul、li、label、dt、dl、input • ul{ • background-color: yellow; • } 2) 无论这个标签藏的多深,一定能够被选择上: • <ul> • <li> • <ul> • <li> • <ul> • <li> • <ul> • <li> • <p>我是很深的p</p> • </li> • </ul> • </li> • </ul> • </li> • </ul> • </li> • </ul> css: • p{ • color:blue; • } 能够让很深的p变蓝。 3) 选择的所有,而不是一个。 标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“共性”,无法描述某一个元素的“个性”的。 2 id选择器 • <p>我是段落1</p> • <p id="para2">我是段落2</p> • <p>我是段落3</p> css: • <style type="text/css"> • #para2{ • color:red; • } • </style> id选择器的选择符是“#”。 任何的HTML标签都可以有id属性。表示这个标签的名字。 这个标签的名字,可以任取,但是: 1) 只能有字母、数字、下划线 2) 必须以字母开头 3) 不能和标签同名。比如id不能叫做body、img、a 一个HTML页面,不能出现相同的id,哪怕他们不是一个类型。比如页面上有一个id为pp的p,一个id为pp的div,是非法的! 一个标签可以被多个css选择器选择,共同作用,这就是“层叠式”的第一层含义。
WEB学习-CSS基础选择器
猜你喜欢
转载自www.cnblogs.com/lyz0925/p/9788442.html
今日推荐
周排行