Question

我的CSS属性不会呈现。字体，宽度等什么都不做，我不明白为什么。我尝试了很多东西。

我想要导航和徽标的百分比宽度，但所有渲染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>

感谢您的帮助！

Answer 1

//未在CSS中发表有效评论。 /* ... */确实如此。

另外，

   <div class=logo-holder">

显然缺少"。

CSS属性不会呈现

1 个答案: