css选择器

通配选择器:可以匹配到所有的标签。

*{}

标签选择器:可以匹配某一标签下的所有属性。

类选择器:某一类中的所有样式(使用比较多)

一个标签可以属于多个类:

多个类属于一个标签

注意:类名的命名必须以字母开头,可以由字母,文字,下划线组成。

id选择器:具有唯一性,优先级很高。

群组选择器:

多种选择器可以混合使用:

.tag1,li,#aba{color:red;}

后代选择器:

只要是后代就可以,不需要是直接后代。例如:table a{}

子代选择器:只能是两倍,直接的包含关系。例如:ul>li {color:red;}

属性选择器:例如:

img[title]{border:10px solid green;}表示img标签下的有title属性的样式。

img[title][id = "tag01"]{border:10px solid green;}表示img标签下的有title属性,且id为tag01的样式。

兄弟选择器:

.td1+ .td2{

background:red;

}

//注释,使用:.top ul li 指.top下的ul,ul下的li.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容