我的 CSS 导航栏的背景颜色属性不起作用（我的 css 导航栏的背景颜色属性不起作用怎么办）

25-04-30 1

在本文中，您将会了解到关于我的CSS导航栏的背景颜色属性不起作用的新资讯，同时我们还将为您解释我的css导航栏的背景颜色属性不起作用怎么办的相关在本文中，我们将带你探索我的CSS导航栏的背景颜色属性不

在本文中，您将会了解到关于我的 CSS 导航栏的背景颜色属性不起作用的新资讯，同时我们还将为您解释我的 css 导航栏的背景颜色属性不起作用怎么办的相关在本文中，我们将带你探索我的 CSS 导航栏的背景颜色属性不起作用的奥秘，分析我的 css 导航栏的背景颜色属性不起作用怎么办的特点，并给出一些关于) 预期 css(css-rparentexpected)" 用于@media 查询中的第 4 级 css 语法、、不起作用、Angular:

添加的 document.execCommand 只看到 style.css 中的 css 规则而不是组件的 css

本文目录一览：

我的 CSS 导航栏的背景颜色属性不起作用（我的 css 导航栏的背景颜色属性不起作用怎么办）
) 预期 css(css-rparentexpected)" 用于@media 查询中的第 4 级 css 语法
">
不起作用"> 不起作用
Angular:

我的 CSS 导航栏的背景颜色属性不起作用（我的 css 导航栏的背景颜色属性不起作用怎么办）

如何解决我的 CSS 导航栏的背景颜色属性不起作用

我正在尝试创建一个带有搜索框的导航栏。当我在导航栏中插入元素并在 css 中将显示设置为 inline-block 时，导航栏的背景颜色没有被显示。

我的 HTML 导航栏，

*{
  Box-sizing: border-Box;
  font-family:  ''Lato'',sans-serif;
  font-weight: normal;
  color: white;
  background-color: rgba(0,0);
  margin:0;
}

.main_nav{
  background-color: rgba(255,255,255.1);
}

.main_nav li{
  display: inline-block;
  padding: 0 10px;
}

{%load static%}
<!DOCTYPE html>
<html>
<head>
<title></title>
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="{%static ''css/styles.css''%}">
</head>
<body>
  <header>
    <nav>
      <ul>
        <li><img width="80" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/IMDB_logo_2016.svg/1200px-IMDB_logo_2016.svg.png"></li>
        <li>Menu</li>
        <li>
          <form method="GET" action="{%url ''search-view''%}">
            <input type="search" name="query" id="query" placeholder="search movie">
            <button type="submit">Search</button>       
          </form>
        </li>
      </ul>
    </nav>
  </header>
  <section>
  {%block content%}
  {%endblock%}
  </section>
  <footer></footer>
</body>
</html>

.main_nav 背景颜色似乎不起作用。我也愿意采用更好的方法来提供与背景颜色相同的输出。

解决方法

您面临的问题是由于星号 (*) 规则集

*{
  box-sizing: border-box;
  font-family:  ''Lato'',sans-serif;
  font-weight: normal;
  color: white;
  background-color: rgba(0,0);
  margin:0;
}

星号 (*) 被称为 CSS 通用选择器。它可用于选择 HTML 页面中的所有类型 > 元素。

要解决此问题，请从通用选择器中删除 background-color: rgba(0,0);。

不要使用 * 来表示 background-color，而是将其分隔为 body 标签，请尝试以下

*{
  box-sizing: border-box;
  font-family:  ''Lato'',sans-serif;
  font-weight: normal;
  color: white;
  
  margin:0;
}
body {
background-color: rgba(0,0);
}

.main_nav{
  background-color: rgba(255,255,255.1);
}

) 预期 css(css-rparentexpected)

) 预期 css(css-rparentexpected)" 用于@media 查询中的第 4 级 css 语法

Visual Studio Code does not support 4 级范围语法呢。此外，MDN 表示目前只有 Firefox 支持该语法。如果您需要跨浏览器支持，您现在需要坚持使用原始的 max-width 语法：

@media (max-width: 768px) {
    h1 {
        font-size: 3em;
        color: mediumvioletred;
    }
    nav a {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: mediumaquamarine;
    }
}

否则，你所拥有的是正确的。

">

OSC 请你来轰趴啦！1028 苏州源创会，一起寻宝 AI 时代

css 样式引入 href="css/layout.css?id=7" 是什么意思？

不起作用"> 不起作用

如何解决<link rel="stylesheet" type="text/css" href="{% static ''css/style.css'' %}"> 不起作用

我在 vs-code 上将 css 链接到 html。 center-aliend 在这里不起作用。有没有人知道哪个部分有问题？我想设置文本“Hello Static!!”到浏览器的中心。

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <Meta charset="UTF-8">
    
    <Meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="{% static ''css/style.css'' %}">
    <title>Static Practice</title>
</head>
<body>
    <div>Hello Static!!</div>
</body>
</html>

body {
    text-align: center;
}


# Static files (CSS,JavaScript,Images)
# https://docs.djangoproject.com/en/3.1/howto/static-files/
STATIC_URL = ''/static/''
STATICFILES_Dirs = [
    BASE_DIR / ''static''
]

Angular: <ol> 添加的 document.execCommand 只看到 style.css 中的 css 规则而不是组件的 css

Angular:
添加的 document.execCommand 只看到 style.css 中的 css 规则而不是组件的 css

如何解决Angular: <ol> 添加的 document.execCommand 只看到 style.css 中的 css 规则而不是组件的 css

我正在 angular 中创建富文本编辑器，当我执行 document.execCommand(''insertOrderedList'') 时，我得到 <ol> 项，它不受我组件的 css 的影响，只有 styles.css 中的 css（主 css 文件在项目的根目录）影响我使用 document.execCommand 添加的项目。是否有可能改变这种行为？

解决方法

当然。它的名字是view encapsulation。将其更改为 ViewEncapsulation.none 会产生所需的行为。

@Component({
  ...
  encapsulation: ViewEncapsulation.none
})

今天的关于我的 CSS 导航栏的背景颜色属性不起作用和我的 css 导航栏的背景颜色属性不起作用怎么办的分享已经结束，谢谢您的关注，如果想了解更多关于) 预期 css(css-rparentexpected)" 用于@media 查询中的第 4 级 css 语法、、不起作用、Angular:

添加的 document.execCommand 只看到 style.css 中的 css 规则而不是组件的 css

本文标签：