CSS的id选择器怎么定义

2024-01-18 10:35 小编

　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;

　　}

Tag：怎么选择

联络方式：

微信二维码

您感兴趣的内容