首页 / 电子科技 / 正文

css主要选择器有哪些

时间: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主要选择器有哪些》不代表本网站观点,如有侵权请联系我们删除

点击排行

战略网  版权所有 粤ICP备2021127029号

联系我们 关于我们 版权申明