css整理之-----------选择器

在20年初时总感觉自己的css 不够用,想把css 相关的东西整理下,去年一整年都比较忙,忙着就到2021了,今天趁着有点时间,先从选择器开始吧。

css整理之-----------选择器

 

听说图片可以提升颜值....

 选择器

CSS选择器用于选择你想要的元素的样式。简单划分为简单选择器、组合选择器、伪类选择器。

简单选择器

通配符

标签选择器

类选择器

id选择器

属性选择器

 

image.png

属性选择器还有如下语法:

选择器   描述  
[attribute]   用于选取带有指定属性的元素。  
[attribute=value]   用于选取带有指定属性和值的元素。  
[attribute~=value]   用于选取属性值中包含指定词汇的元素。  
[attribute|=value]   用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。  
[attribute^=value]   匹配属性值以指定值开头的每个元素。  
[attribute$=value]   匹配属性值以指定值结尾的每个元素。  
[attribute*=value]   匹配属性值中包含指定值的每个元素。  

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpsppy.html