欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML(四)

程序员文章站 2022-03-21 21:34:44
选择器 1.核心选择器 标签选择器 div{} id选择器 one{} class选择器 .second 逗号选择器 div, id name{} 组合选择器 div one{} 普通选择器 一般不适用 (宽度加给父元素,高度加给子元素) 2.层次选择器 子元素选择器 .nav ul li {} 后 ......

选择器
1.核心选择器
标签选择器
div{}
id选择器
#one{}
class选择器
.second
逗号选择器
div,#id-name{}
组合选择器
div#one{}
普通选择器
* 一般不适用

(宽度加给父元素,高度加给子元素)           

2.层次选择器
    子元素选择器
        .nav>ul>li>{}
    后代选择器
        .nav li{}
    下一个兄弟选择器
        products> li.ios~*{}
    之后所有兄弟选择器
        .products > li.ios ~ *{}
3.属性选择器
    与状态相关
        selector[]
            input[type=text]
            input[type^=t]  以t开头
            input[type$=t]  以t结尾
            input[type*=t]  包含t的
    与子元素相关


4.伪类选择器
    :link  a标签还未被访问
    :hover  光标悬浮到元素上
    :active  a标签激活
    :visited  a标签访问过

    :first-child  子元素的第一个
    :last-child  子元素的最后一个
    :nth-child(v)  子元素中指定一个,隔行变色
        v  为数字,公式,关键字
    :first-of-type
    :last-of-type
    :nth-of-type(v)
        v  为数字,公式,关键字
5.伪元素
    ::after
    ::before
    副作用:在dom节点中产生一个新节点

position:relative
position:absolute