有关CSS样式问题
答案:6 悬赏:60 手机版
解决时间 2021-02-25 01:46
- 提问者网友:动次大次蹦擦擦
- 2021-02-24 02:54
有关CSS样式问题
最佳答案
- 五星知识达人网友:底特律间谍
- 2021-02-24 03:48
#ul 样式的作用域是id=“ul”的标签;
#menu ul 样式的作用域是id=“menu”的标签下的标签。
所以它们出来的效果就是不一样的。
第二种样式比较符合规范,一样不建议用“#+标签名”来写样式名,这样可读性很差。
#menu ul 样式的作用域是id=“menu”的标签下的标签。
所以它们出来的效果就是不一样的。
第二种样式比较符合规范,一样不建议用“#+标签名”来写样式名,这样可读性很差。
全部回答
- 1楼网友:玩家
- 2021-02-24 07:20
#ul #li 不能这样写呀,这样写是定义样式,下面的 ul li 跟本不能调用到呀
除非这样写
除非这样写
- 这样写就OK了,
- 2楼网友:等灯
- 2021-02-24 06:47
请注意作用域
ul{...}表示页面上所有的UL标签都会执行定义好的样式。但如果指定了某个标签比如#menu ul
表示ID=menu 的这个标签下的UL。那么定义的样式也只在特定的区域有效。
ul{...}表示页面上所有的UL标签都会执行定义好的样式。但如果指定了某个标签比如#menu ul
表示ID=menu 的这个标签下的UL。那么定义的样式也只在特定的区域有效。
- 3楼网友:底特律间谍
- 2021-02-24 05:10
问题在于这两句
第一个:
#menu { border: 1px solid #ccc; width: 100px; }
#ul { list-style: none; padding: 0px; margin: 0px; width: 100px;}
第二个:
#menu { width: 100px; border: 1px solid #CCC; }
#menu ul { list-style: none; margin: 0px; padding: 0px; }
还有一个问题就是结构
第一种结构
第二种结构
第一个:
#menu { border: 1px solid #ccc; width: 100px; }
#ul { list-style: none; padding: 0px; margin: 0px; width: 100px;}
第二个:
#menu { width: 100px; border: 1px solid #CCC; }
#menu ul { list-style: none; margin: 0px; padding: 0px; }
还有一个问题就是结构
第一种结构
第二种结构
表现的形式也不一样
- 4楼网友:几近狂妄
- 2021-02-24 04:27
#ul #li ul li这里是ID 不是标签了 而不是指ul li列表
比如
而下面的 ul li 这里是列表标签
而且 他们属于#menu下面
比如
而下面的 ul li 这里是列表标签
而且 他们属于#menu下面
- 5楼网友:天凉才是好个秋
- 2021-02-24 04:15
页面的布局问题吧。可能页面上在menu外面还有其他的ul li标签。
第一段ul li只是menu中的ul li的样式
而第二段是所有ul li的样式追问#menu ul li 这个是指所有的ul li的样式? 既然是所有样式怎么MENU里面就不适用呢?追答额,不好意思,我看反了
第一段是所有id为ul li的样式
而第二段ul li只是menu中id为ul li的样式
第一段ul li只是menu中的ul li的样式
而第二段是所有ul li的样式追问#menu ul li 这个是指所有的ul li的样式? 既然是所有样式怎么MENU里面就不适用呢?追答额,不好意思,我看反了
第一段是所有id为ul li的样式
而第二段ul li只是menu中id为ul li的样式
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯