gpt4 book ai didi

CSS 属性不会呈现

转载 作者:行者123 更新时间:2023-11-28 11:32:25 25 4
gpt4 key购买 nike

我的 CSS 属性无法呈现。字体、宽度等什么都不做,我不知道为什么。我尝试了很多东西。

我想要导航栏和 Logo 的百分比宽度,但都呈现 100% 宽度。似乎我对 CSS 的工作原理有很大的误解,但在阅读之后,我仍然不明白。我也在 Wordpress 中添加了 normalize.css。

如果我在文本周围添加和跨越类,它会更改文本,但对解决元素大小问题没有帮助。

我的代码:

*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}

a {
text-decoration:none;
}

body {
font-family: 'Roboto', sans-serif;
font-size:100%;
}

h1,h2,h3,h4,h5,h6 {
font-family: 'Rhodium Libre', serif;
}

header {
position:fixed;
top:0px;
width:100%;
background-color:#000;
opacity:0.9;
z-index:10000;
}

//desktop

/*logo*/


.logo-holder {
position:relative;
float:left;
display:inline-block;
font-family: 'Rhodium Libre', serif;
font-size:2.4em;
background-color:white;
width:200px;
}

/* nav */

.nav-holder {
position:relative;
float:right;
width:500px;
}
nav {
}

/*nav design*/

nav ul {
display:inline;
}

nav ul li {
position:relative;
display:inline-block;
cursor:pointer;
padding-top:4px;
padding-bottom:4px;
font-family:'Rhodium Libre', serif;
font-size:1.35em;
}

nav ul li:hover, nav ul li:active {
background:transparent;
color:#5F8E14;
}

nav ul li a {
padding-left:0.5em;
color:#FFF;
}

nav ul li a:hover, nav ul li a:active {
color:#5F8E14;
}

//sub menu

nav.sub {

}

nav.sub ul {
display:inline;
}

nav.sub ul li {
position:relative;
display:inline-block;
cursor:pointer;
padding-top:2px;
padding-bottom:2px;
font-family:'Rhodium Libre', serif;
font-size:1.1em;
}

nav.sub ul li:hover, nav.sub ul li:active {
background:transparent;
color:transparent;
}

nav.sub a:hover, nav.sub ul li a:active {
text-decoration: underline;
}
<body>
<!-- header -->
<header>
<div class=logo-holder">
why is nothing changing here?
</div>

<div class="nav-holder">
<nav>
<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>
</nav>

<nav class="sub">
<?php wp_nav_menu( array( 'theme_location' => 'sub-menu' ) ); ?>
</nav>
</div> <!--nav holder-->
</header>
<!-- /header -->
</body>

感谢您的帮助!

最佳答案

// 没有在 CSS 中进行有效注释。 /* ... */ 是。

此外,

   <div class=logo-holder">

显然缺少"

关于CSS 属性不会呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34120773/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com