02–基础选择器
002-1通配符选择器
语法:
/*选择所有元素*/
*{
属性:值;
}
002-2标签选择器
语法:
标签名{
属性:值;
}
ex:
p{
/*改变所有p标签文本大小为26px*/
font-size:26px;
}
002-3 lass选择器
语法:
html:<any class="leiMing"><any>
css:
.类名{
属性:值;
}
注意:
命名要符合命名规范,类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用。
🎈选择所有class=“leiMing”的所有元素
.leiMing{
font-size:26px;
}
🎈选择 class 属性中同时有 colorRed 和 font26 的所有元素。
.colorRed.font26{
color:red;
font-size:26px;
}
🎈选择作为类名 colorRed 元素后代的所有类名 font26 元素。
.colorRed .font-size{
color:red;
font-size:26px;
}
002-4 id选择器
语法:
html:<any id="idMing"><any>
css:
#id{
属性:值;
}
注意:以“#”来定义,具有唯一性。
ex:
/*改变id="idMing"的所有属性颜色为红色*/
#idMing{
color:red;
}