首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >css中的任意数字

css中的任意数字
EN

Stack Overflow用户
提问于 2017-08-09 18:05:55
回答 2查看 83关注 0票数 0

以下是默认代码:

代码语言:javascript
运行
复制
div.sidebar.fl aside#nav_menu-2.widget.widget_nav_menu { }

我尝试在nav_menu中使用任意数字设置样式-*

我使用的是这样的东西:

代码语言:javascript
运行
复制
div.sidebar.fl aside#[id^="nav_menu"].widget.widget_nav_menu { }

它不起作用。我在哪里犯了错?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-08-09 18:07:28

你的问题出在这里:

aside#[id^="nav_menu"]

删除该#

css应该是

代码语言:javascript
运行
复制
div.sidebar.fl aside[id^="nav_menu"].widget.widget_nav_menu { }
票数 3
EN

Stack Overflow用户

发布于 2017-08-09 18:17:05

有一个小错误,我修正了它。

代码语言:javascript
运行
复制
div.sidebar.fl aside#nav_menu-2.widget.widget_nav_menu { 
  color : green;
}

div.sidebar.fl aside[id^="nav_menu"].widget.widget_nav_menu {
  color : Blue;
}
代码语言:javascript
运行
复制
<div class="sidebar fl">
  <aside id="nav_menu-1" class="widget widget_nav_menu">
    Nav Menu1
  </aside>
  <aside id="nav_menu-2" class="widget widget_nav_menu">
    Nav Menu2
  </aside>
  <aside id="nav_menu-3" class="widget widget_nav_menu">
    Nav Menu3
  </aside>
  <aside id="nav_menu-3" class="widget widget_nav_menu">
    Nav Menu4
  </aside>
</div>

太糟糕了!

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45587578

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档