热门关键字:
jquery > jquery教程 > css3 > CSS的id选择器怎么定义

CSS的id选择器怎么定义

332
作者:管理员
发布时间:2020/3/4 17:20:24
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=974
    CSSid选择器
    id选择器可以为标有特定id的HTML元素指定特定的样式。
    id选择器以"#"来定义。(推荐学习:CSS入门教程)
    下面的两个id选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:
    #red{color:red;}
    #green{color:green;}
    下面的HTML代码中,id属性为red的p元素显示为红色,而id属性为green的p元素显示为绿色。
    <pid="red">这个段落是红色。</p>
    <pid="green">这个段落是绿色。</p>
    注意:id属性只能在每个HTML文档中出现一次。
    单独的选择器
    id选择器即使不被用来创建派生选择器,它也可以独立发挥作用:
    #sidebar{
    border:1pxdotted#000;
    padding:10px;
    }
    根据这条规则,id为sidebar的元素将拥有一个像素宽的黑色点状边框,同时其周围会有10个像素宽的内边距(padding,内部空白)。
    老版本的Windows/IE浏览器可能会忽略这条规则,除非你特别地定义这个选择器所属的元素:
    div#sidebar{
    border:1pxdotted#000;
    padding:10px;
    }
    以上就是CSS的id选择器怎么定义的详细内容,更多请关注php中文网其它相关文章!



如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:CSS
友荐云推荐