css选择器,这个表示什么?

2025-03-21 23:31:44
推荐回答(3个)
回答1:

问题1:
这个是两个类的组合,class="类1
类2
类3
类4..."
使用多个类的组合,如果多个类定义了不同的同一个属性样式,那么取决于css定义的位置
后定义的会覆盖前面定义的(和
浏览器
hack
一个道理)
问题2
按你的理解
这只是一个细选:
如:
.c1
.c2{border:1px
solid
#000;}//意思是符合
c1

下的所有
c2

有如下HTML代码:
----这里有一个
c2类
但是不符合css筛选
所以不应用上面定义的
border样式---
----这里也有一个
c2类
但是符合css筛选
所以应用上面定义的
border样式---
----这也是符合的---

回答2:

第一个表示两个,一个cat
一个der
。第二个这三个类选择器的样式都是后面大括号里面的样式,也可以分开写成三个

回答3:

后面带的[]里面的是指标记具有那一个属性。

属性选择符 浏览器支持:ie6不支持,ie7支持,opera5不支持,firefox支持

html文件的各个标记提供了属性功能.css2也提供了属性选择符,让提供属性的标记调用属性选择符指定的样式,下面是示例:

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" " http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>属性选择符</title>
<style type="text/css">
<!--
[title]{background-color:#00f;}/*这个设置有title属性的标记背景是蓝色*/
#index[class]{background-color:green;}/*这个设置id属性值是index的并且有class属性的标记的背景是红色*/
[ary="home"]{color:red;}/*这个设置有ary属性并且ary属性的值是home的标记的前景色是红色*/
-->
</style>
</head>
<body>
<div title="测试">本标记有title属性</div>
<div id="index" class="d">本标记的id属性值是index的并且有class属性</div>
<div ary="home">本标记的ary属性值是home</div>
要看属性选择符的更详细介绍请百度搜索“网林在线”
</body>
</html>