CSS规则里的类、ID、标签、复合内容是什么意思？_百度知道
CSS规则里的类、ID、标签、复合内容是什么意思？
1. 类，class=&test& css，.test{}要是想使用类名，css的写法就是.+类名 2. id，id=&test&css，#test{}使用id的时候，就是#+id名 3. 标签，body,html,a,b,h1{}标签直接使用，什么都不要加 4. 选择器名字可以随便使用，你要是使用a也可以，但是到底是类名，还是id，还是标签，在css中是不一样的写法。虽然可以随便，但是最好还是使用有代表意义的名字
其他类似问题
为您推荐：
margin-right类就是classid不允许重复标签是指p、ul:30 margin-bottom:10px:20px:10px 20px 30px 40 }#id1{margin-left:40px、li等元素 复合内容是
还是实例说#id1{margin-top
其他1条回答
类就是class名字 可以在div里重复使用的 id不允许重复
标签指p、ul、li等等元素
您可能关注的推广
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁Dreamweaver中的CSS规则复合内容如何影响多个div？高手指点_百度知道
Dreamweaver中的CSS规则复合内容如何影响多个div？高手指点
hiphotos:///zhidao/wh%3D450%2C600/sign=/zhidao/pic/item/fbf2bce5b://b.com/zhidao/wh%3D600%2C800/sign=d109c4b6a1b4e168e087/fbf2bce5b.baidu.jpg" esrc="http.hiphotos.jpg" target="_blank" title="点击查看大图" class="ikqb_img_alink"><img class="ikqb_img" src="http.baidu.hiphotos://b<a href="http
#apDIvd5}三种方式任你选择:link，设置所有DIV下的，div a，a,#apDIvd4 a，选择某些ID下的:link,#apDIvd3 a。第一种:#fff:#fff，#apDIvd6 a，设置全部:link{color。第三种;}2:#fff。第二种:link{}3:link{color:link1
其他类似问题
为您推荐：
dreamweaver的相关知识
其他1条回答
用class或者如果是所以的div都一样的css的话就直接div{}
这里添加多个指定Div
a:link { color: #FFF; text-decoration:}这里添加多个指定Div
a:visited { color: #FFF; text-decoration:}这里添加多个指定Div
a:hover { color: #FFF; text-decoration:}
那就test a:link { color: #FFF; text-decoration:}test a:visited { color: #FFF; text-decoration:}test a:hover { color: #FFF; text-decoration:}你要指定的那些div中 &div class=&test“&就可以了啊
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁2016年浙江省高职单招单考计算机专业模拟试卷(四)_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
2016年浙江省高职单招单考计算机专业模拟试卷(四)
上传于||文档简介
&&2&#03;1&#03;年&#8203;浙&#8203;江&#8203;省&#8203;高&#8203;职&#8203;单&#8203;招&#8203;单&#8203;考&#8203;计&#8203;算&#8203;机&#8203;专&#8203;业&#8203;模&#8203;拟&#8203;试&#8203;卷&#8203;(&#8203;四&#8203;)
阅读已结束，如果下载本文需要使用1下载券
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩1页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢二次元同好交流新大陆
扫码下载App
温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(760)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'DREAMWEAVER里的CSS规则的三种选择器类型的区别',
blogAbstract:'&& &1. 对于ID作用，样式的写法为 #div (#号开头）：当一个内容或标签被赋予此ID后，自动套用此样式。&& &2. 对于标签起作用，样式写法类似 table （直接用标签来作为样式名）：所有此标签自动套用，一般定义一些全局性的样式，比如字号，颜色等。&& & 3. 必须引用才能起作用，样式写法类似 .table01 （样式名前加点，样式名可以随意定义）：这个必须在页面中用 class=\"table01\" 这样的语法引用才能起作用。\r\n\r\n这是我另外一个问题的回答，刚好就是你说的这个问题。',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:3,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:1,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'0',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}你的位置：
使用css的类名交集复合选择器
来源：小楷
更新时间：
收藏本页（Ctrl+D）
首先先看一下基本定义：复合选择器就是两个或多个基本选择器，通过不同方式连接而成的选择器，主要包括“交集”选择器、“并集”选择器、“后代”选择器。交集选择器“交集”复合选择器是由两个选择器直接连接构成，其结果是选中二者各自元素范围的交集。其中第一个必须是标记选择器，第二个必须是类别选择器或者ID选择器。这两个选择器之间不能有空格，必须连续书写。注意其中第一个必须是标记选择器，如p.class1，但有时候会看到.class1.class2，即2个都是类选择器，在其他浏览器中是允许出现这种情况的，但IE6不兼容。如下表：两个类选择器的“交集”复合选择器浏览器支持表Mac: Safari 4.0支持Mac: Chrome 5.0支持Mac: FireFox 3.6支持Mac: Opera 10支持Win: FireFox 3.6支持Win: Opera 10支持Win: IE6不支持Win: IE7支持Win: IE8支持复合选择器的使用这是个简单的tab菜单：如下是html代码:123456&ul class="nav"& &&&&&li class="first"&&a href=""&节目&/a&&/li& &&&&&li class="current"&&a href=""&合集&/a&&/li& &&&&&li&&a href=""&草稿&/a&&/li& &&&&&li class="last"&&a href=""&项目&/a&&/li& &/ul&为了实现以上效果，我们在css中可以使用复合选择器。选择&a& 标签可以用一个选择器来定义所有的 &a& 元素, 如下:.nav li a { }选择第一个 &a& 元素为了增加列表左上角的圆角效果, 你需要选择第一个 &a& 元素. 这可以用如下的选择器来实现:.nav li.first a { }选择最后一个 &a& 元素为了增加列表右上角的圆角效果, 你需要选择最后一个 &a& 元素. 这可以用如下的选择器来实现:.nav li.last a { }突出显示当前页通过改变tab的颜色来显示页面是当前页，我们可以在类名中加入current这个类名来实现，如下：.nav li.current a { }为当前页面的左右上角添加圆角样式现在有个问题，第一个和最后一个选项被选中的时候拐角是直角的.为了达到选中时候是当前页的样式，拐角也是圆角效果，我们需要给专门给它们写特殊的选择器，由于现在我们的类名都在同一个元素中，所以我们最终可以用交集复合选择器来实现，如下：.nav .first.current a { }.nav .last.current a { }结果这看上去很简单，是不是？就像上面提到的，现在的问题是：IE5和IE6都不支持类名交集复合选择器。IE5和IE6在识别类名时候只会识别最后一个类名。效果如下：.nav .first.current a { }.nav .last.current a { }IE5和IE6把这2个选择器解析为：.nav .current a { }.nav .current a { }这意味着这些浏览器会给所有的当前页都增加圆角效果，效果如下：在IE7下也是没问题的，说明IE7也支持类名交集复合选择器。解决的办法可以给第一个和最后一个li单独加一个current的样式，但这样增加了js的负担。123456&ul class="nav"&; &&&&&li class="first first_current"&&a href=""&节目&/a&&/li&; &&&&&li class="current"&&a href=""&合集&/a&&/li&; &&&&&li&&a href=""&草稿&/a&&/li&; &&&&&li class="last last_current"&&a href=""&项目&/a&&/li&; &/ul&;.nav .first_current a { }.nav .last_current a { }&讨论有一种方法可以让我们不用在页面中增加像first、last这种多余的类名，那就是使用css3的样式。css3让我们选择元素变得越来越简单，实现头尾效果可用如下效果：li:first-of-type a { }li:last-of-type a { }
【上一篇】
【下一篇】
无相关信息
教程网文章资讯频道声明
1、 所有来源标注为教程网或教程网文章的内容版权均为本站所有，若您需要引用、转载，请注明来源及原文链接即可，
如涉及大面积转载，请来信告知，获取授权。
2、 本站所提供的文章资讯等内容均为作者提供、网友推荐、互联网整理而来，仅供学习参考，如有侵犯您的版权，请及时联系我们，并提供原文出处等，本站将在
三个工作日内修正。
3、 若您的网站或机构从本站获取的一切资源进行商业使用，除来源为本站的资料需与本站协商外，其他资源请自行联系版权所有人。
4、 未经统一下载站允许，不得盗链、盗用本站资源；不得复制或仿造本网站，不得在非统一下载站所属的服务器上建立镜像，站长之家对其自行开发的或和他人共同开发的所有内容、技术手段和服务拥有全部知识产权，任何人不得侵害或破坏，也不得擅自使用。
CSS教程分类
All Rights Reserved.
本站资源均收集整理于互联网，其著作权归原作者所有，如果有侵犯您权利的资源，请来信告
知，我们将及时撤销相应资源。}