入门教程 02

玩机教程 2020-08-09 14:19:47 作者：舔屏id-腐团儿 790次阅读

#【J.C.X】语言入门教程 01#
基本选择器

标签选择器（，等）——
类别选择器（）——.
选择器（）——#
万用选择器——* |* *|*
属性选择器（也翻译为“通配符选择器”）——[]
属性选择器

代码意思
[] 元素有的属性。
[=""] 属性里是
[~=""] 属性里使用空白分开的字符串里其中一个是
[|=""] 属性里是或者以-开头的字符串
[^=""] 属性里最前的是
[$=""] 属性里最后的是
[*=""] 属性里有出现过至少一次

组合选择器

符号标题文字
> 选择下一层的元素
~ 选择与同层的元素
+ 选择与相邻的元素（不能被任何元素相隔）
包含选择符
权重分数比较机制
有时还会遇到选择器优先级无法直接判断，而且规则的来源也相同的情形。如果网页设计者很少使用层次比较复杂的选择器(比如多级的后代选择器)，那么必须比较权重的情况一般不会遇到(一般要么是可以直接根据前面的规则判断出优先性结果，或者是起冲突的条规则的权重完全一样，只能继续去看后一条比较出现次序的机制)。此时，还有一套分数加权(或者说是分数累积)的机制用于解决此类规则冲突。先列出基本的分值：

*个行内样式占分
*个选择器占分
*个选择器占分
*个标签选择器占分
组合使用多个基本选择器时，不同选择器的得分会累加到一起。最终得分高的选择器，其指定的样式会胜出。