关于CSS规则的命名问题
在Dreamweaver里面，css规则只能以.开头，且只能包含数字和字母来命名。
但我发现许多css文件都是用#开头的，请问怎样才能用DW做到？
另外，在许多css文件里面，
形如
#head {******}
#head ul{*********}
#head li{********}
的css代码又如何在DW中做到？
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
>
</head>
<style type="text/css">
body {
background: #fff;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 12px;
}
#dlmenu {height:10em;}
#menu {list-style-type:none; margin:0 0 10px; padding:0; position:absolute; width:15em; background:#fff; z-index:100;}
#menu li {display:block; padding:0; margin:0; position:relative; z-index:100;}
#menu li a, #menu li a:visited {display:block; text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dt a , #menu li a:hover dt a {background:#d4d8bd url(top_grad_2.gif) center center; color:#ff0; }
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {height:20em; background:#b4be9c url(sub_grad.gif);}
#menu dl {width: 15em; margin: 0; background: #6f9c6f; cursor:pointer;}
#menu dt {margin:0; padding: 0; font-size: 1.1em; border-top:1px solid #cce;}
#menu dd {margin:0; padding:0; font-size: 1em; text-align:left; }
.gallery dt a, .gallery dt a:visited {display:block; color:#fff; padding:5px 5px 5px 10px; background:#949e7c url(top_grad.gif) center center;}
.gallery dd a, .gallery dd a:visited {color:#000; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 20px; background:#b4be9c url(sub_grad.gif);}
* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
.gallery dd a:hover {background:#7aa; color:#ff0;}
</style>
<body>
<div id="dlmenu">
<ul id="menu">
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl class="gallery">
<dt><a href="../menu/index.html">DEMOS</a></dt>
<dd><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></dd>
<dd><a href="../menu/embed.html" title="Wrapping text around images">wrapping text</a></dd>
<dd><a href="../menu/form.html" title="Styling forms">styled form</a></dd>
<dd><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></dd>
<dd><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></dd>
<dd><a href="../menu/old_master.html" title="Image Map for detailed information">image map</a></dd>
<dd><a href="../menu/bodies.html" title="fun with background images">fun with backgrounds</a></dd>
<dd><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></dd>
<dd><a href="../menu/em_images.html" title="em size images compared">em sized images</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl class="gallery">
<dt><a href="index.html">MENUS</a></dt>
<dd><a href="spies.html" title="a coded list of spies">spies menu</a></dd>
<dd><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></dd>
<dd><a href="expand.html" title="an enlarging unordered list">enlarging list</a></dd>
<dd><a href="enlarge.html" title="an unordered list with link images">link images</a></dd>
<dd><a href="cross.html" title="non-rectangular links">non-rectangular links</a></dd>
<dd><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></dd>
<dd><a href="circles.html" title="circular links">circular links</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl class="gallery">
<dt><a href="../layouts/index.html">LAYOUTS</a></dt>
<dd><a href="../layouts/bodyfix.html" title="Cross browser fixed layout">Fixed 1</a></dd>
<dd><a href="../layouts/body2.html" title="Cross browser fixed layout">Fixed 2</a></dd>
<dd><a href="../layouts/body4.html" title="Cross browser fixed layout">Fixed 3</a></dd>
<dd><a href="../layouts/body5.html" title="Cross browser fixed layout">Fixed 4</a></dd>
<dd><a href="../layouts/minimum.html" title="A simple minimum width layout">minimum width for Internet Explorer</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl class="gallery">
<dt><a href="../mozilla/index.html">MOZILLA</a></dt>
<dd><a href="../mozilla/dropdown.html" title="A drop down menu">drop down menu</a></dd>
<dd><a href="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></dd>
<dd><a href="../mozilla/content.html" title="Using content:">content:</a></dd>
<dd><a href="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></dd>
<dd><a href="../mozilla/rainbow.html" title="I can build a rainbow">rainbow box</a></dd>
<dd><a href="../mozilla/snooker.html" title="Snooker cue">snooker cue made using border art</a></dd>
<dd><a href="../mozilla/target.html" title="Target Practise">target practise</a></dd>
</dl>
</li>
</ul>
</div>
</body>
</html>
当然也可以,打开设计面版,新建CSS样式
另外你说的#那是定义一个ID, .的话是class - 类本回答被提问者采纳
直接用手写css
css类名命名规则?
命名规范：元素名称可以包含拉丁字母，数字，破折号和下划线。CSS类名写成块名称加破折号加上元素名称：.block-elem，其中elem可以是直接元素标签名，也是表义的名称。css样式的类名或者相关的ID名也是需要一定的规则，这样有利于前台和后台的交互。一般公司开发都是给技术员一本网站前端开发规范，里面详细的...
CSS样式表命名
在实际应用中，id命名可能会使用大小写和下划线来区分，例如：主导航可命名为MainNav，如果有多个主要导航，可以使用MainNav_1,MainNav_2等命名。有时也可以使用“类型+变量名称”的规则，如将红色字体定义为.f_red {}（f代表font，即字体缩写）。接着，我们来看一下class的命名规则。class用于多个元...
关于CSS中id的命名问题
在CSS的命名规范中，名称不能以数字开始，只能以字母、连字符、下划线开始。之后可以是字母、连字符、下划线或数字。同时应该注意的是，虽然在HTML4.01及以前的版本不严谨，但在XHTML中，CSS中的命名是区分大小写。
常用的CSS命名规范大总结,非常实用
mend.css：基于其他样式表进行个性化调整的样式。页面结构命名规范：page：代表整个页面结构。wrap：用于包裹所有页面元素，作为最外层容器。container：整体容器，常用于最外层布局。head, header：表示页头区域。nav：横向导航条。main：网站主内容区域。column：栏目或模块。sidebar：侧边栏。foot, footer：页...
css选择器命名规范?
基本上这些命名都符合标识符的命名规则 1、必须由字母、数字、下划线和美元符号组成 2、首字母必须是字母或下划线 3、建议采用驼峰式命名如:newCont,从第二个单词开始首字母大写##CSS选择器 ##CSS选择器 #标签选择器 #id选择器 #类选择器 #后代选择器 #子元素选择器 #交集选择器 #并集选择器 #兄弟选择器(相...
使用BEM命名规范来组织CSS代码
使用BEM命名规范，CSS代码的组织如块(Block)、元素(Element)和修饰器(Modifier)的组合，使得HTML选择器结构清晰，便于维护，但可能因名字冗长而稍显繁琐。BEM规则中，块-元素间用双下划线 '__' 分隔，块-修饰器或元素-修饰器用单下划线 '_'，单词间用中划线 '-' 连接。每个BEM选择器应保持单一层次...
css命名规范
如用户照片信息元件cell-user-photo。元件的命名空间为cell-xxx 。文字颜色(命名空间text-xxx)text-c1, text-c2,text-c3……背景颜色(命名空间bg -xxx)bg-c1,bg-c2,bg-c3……边框颜色(命名空间border-xxx)border-c1,border-c2,border-c3……参考自文章 CSS命名规则 ...
javascript的大小写问题
js中的大小写 正常情况下 是有规律的 比如一个函数或者方法由好几个词组成，那么首个词不大写 其它词首字母大写比如getElementByIdgetElementsByTagNamechildNodesparentNodecreateElementindexOfsetTimeoutsetIterval还有css中 带横线的引用，，，比如style.backgroundColorstyle.zIndex等等，但是也有些特殊的 ...
htmldiv+css命名规范大全?
CSS文件命名说明 常用的CSS文件命名包括：`master.css`、`style.css`、`module.css`、`layout.css`、`themes.css`、`columns.css`、`font.css`、`forms.css`、`print.css`等。英文命名技巧 对于不熟悉的命名，可利用翻译工具获取英文对应名称，以保持命名的国际通用性。遵循以上规则与集合，可以提高...
css中id选择器的命名规则有哪些
正确命名规则如下：名称不能以数字开始，只能以字母、连字符、下划线开始。之后可以是字母、连字符、下划线或数字。同时应该注意的是，CSS中的命名是区分大小写。可以使用，也可以显示样式。说一个页面不能有相同的两个id，说的是如果用js获取这个id的时候会出错，因为两个相同的id的话，js就不知道获取...
