1、行内样式：style；内部样式；外部样式。优先级为行内样式>内部样式=外部样式。
2、属性选择器：div[id]---代表有id属性的div。除了写原生属性，也可以写自己造的属性。
3、包含选择器：强调包含关系。
4、子选择器：选择器1>选择器2。强调父子关系。
5、兄弟选择器：找平级以下的兄弟元素。选择器1~选择器2，想找所有弟弟，则选择器2为*
6、选择器组合-----选择器1，选择器2，选择器3。。。。。
7、另外*代表选择所有
-------------------伪元素选择器------------------------
1、首字母 div::first-letter
2、首行 div::first-line
word-break:break-all代表英文强制换行。
3、往前往后加东西
-------------------伪类选择器---------------------
1、:nth-child(n) 只认数字，如果类型刚好相符的话，样式才会生效。其中，n可以是数字也可以是表达式，还可以是even或odd。
找第一个也可以:first-child；同理，找最后一个为:last-child。
2、:nth-of-type(n) 找同类型下第n个元素，其余特点和nth-child差不多。
3、hover(悬停) focus(聚焦) checked(选中)
4、:not() 代表过滤掉某个或某些元素
-------------------css选择器优先级---------------------
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/qdhtml/48548.html