Question

网页设计中关于新建CSS的选择器类型问题

新建CSS当中的选择器类型有三个 分别是类 标签和高级 请问他们的区别是什么 还有定义在新建样式表文件和仅对该文档的区别

Answer 1

仅对该文档--指的是css代码直接出现在网页的内部。

新建样式表文件--指的是在网页外部建立一个css文件，网页引用这个文件。

你用的应该是dreamweaver 8.0以下版，类、标签和高级其实在面板上都有一个简短的说明。

高级-----举一个例子，你可以制作导航栏文字，鼠标移动到文字，文字变色或变换背景。
标签-----也就是让你自己定制html元素，比如h1的字体，你可以随意设置大小、颜色等等。
类----你可以把网页里相同的元素定义为一个类，应用这个样式这些元素就会统一了。

Answer 2

#a 井号开头的代表id 它对应<div id="a"> 标签中的id属性
a 字母开头的代表是代表标签 它对应<a id="a">标签中的标签名
.a以点开头的对应代表class 它对应<a class="a">标签中的class属性

选择器只能靠相互配合来区分哪些标签被应用样式，无法靠html文件名做区分
比如index.html和list.html共同引用外部样式表style.css
其中两个html都有如下标签
<div class="photo"></div>

那么应该在外层添加不同的div做嵌套做以区分

比如inde.html
<div id="index"><div class="photo"></div></di>

list.html
<div id="list"><div class="photo"></div></di>

style.css
.photo{....} 这个样式将会影响两个html的class="photo"标签
#index .photo{....} 这个只会影响index.html中的photo
#list .photo{....} 这个只会影响list.html中的photo

Answer 3

主要是优先级的问题，#最高 ，
CSS优先级规则

既然样式有优先级，那么就会有一个规则来约定这个优先级，而这个“规则”就是本次所需要讲的重点。

样式表中的特殊性描述了不同规则的相对权重，它的基本规则是：

1.统计选择符中的ID属性个数。
2.统计选择符中的CLASS属性个数。
3.统计选择符中的HTML标记名个数。
最后，按正确的顺序写出三个数字，不要加空格或逗号，得到一个三位数(css2.1是用4位数表示)。( 注意，你需要把数字转换成一个以三个数字结尾的更大的数)。相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的。

例如：

1.每个ID选择符(#someid)，加 0,1,0,0。
2.每个class选择符(.someclass)、每个属性选择符(形如[attr=value]等)、每个伪类(形如:hover等)加0,0,1,0。
3.每个元素或伪元素(:firstchild)等，加0,0,0,1。
4.其它选择符包括全局选择符*，加0,0,0,0。相当于没加，不过这也是一种specificity，后面会解释。

Answer 4

支持一下上面的！