时间:2024-09-17 18:01:04
css的基本选择器都有什么
CSS的基本选择器主要有以下四种:
1. 统配选择器(*):匹配页面中的所有元素。例如,可以使用*{color:red; background-color: darkseagreen;}来将页面中所有的元素都变成红色,背景是绿色。
2. 标签选择器:通过标签来匹配元素。例如,可以使用p{color: black; font-size: 50px;}和div{width: 100px; height: 100px; background: #6495ED;}来设置p标签的字体颜色为黑色,字体大小为50像素,以及div标签的高度和宽度都是100像素,颜色为#6495ED。
3. 类选择器:匹配具备class属性的元素。例如,可以使用.div1{height: 100px; color: crimson;}来选择具有div1类的元素,并调整其样式。
4. id选择器:匹配具备id属性的元素(具备唯一性:id名不可重复,类似于身份证号)。例如,可以使用#div2{height: 100px; color: aquamarine; background: khaki;}来选择具有id属性为div2的元素,并调整其样式。
需要注意的是,选择器具有优先级,导致样式覆盖,优先级从小到大排列:统配选择器<标签选择器<类选择器选择器<内联样式(行内样式:style)。选择器的最高权重是:!important关键字。<>
《css主要选择器有哪些》不代表本网站观点,如有侵权请联系我们删除