入门教程 02

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

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

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

组合选择器

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

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

入门教程 02

文章插图

入门教程 02

文章插图

入门教程 02

文章插图

入门教程 02

文章插图

入门教程 02

文章插图
【入门教程 02】
入门教程 02

文章插图

    推荐阅读