# 只想配置上面的显示 CSS

**URL:** https://meta.discourse.org/t/want-to-configure-the-display-css-above-only/63002
**Category:** Support
**Created:** [2017年五月19日 10:12 UTC](https://meta.discourse.org/t/want-to-configure-the-display-css-above-only/63002 "2017-05-19T10:12:01Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Bank\_Live](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bank_live/32/75893_2.png) [@Bank\_Live](https://meta.discourse.org/u/Bank_Live)
#### Post date: [2017年五月19日 10:12 UTC](https://meta.discourse.org/t/want-to-configure-the-display-css-above-only/63002/1 "2017-05-19T10:12:01Z")

</div>

I want to configure the display CSS above only. But after header is also shown.  
How do I fix it?

 ![](https://global.discourse-cdn.com/meta/original/3X/4/d/4d2caf282bc88fa46550d664632c0f2bcfc38a8b.jpg)

I config CSS

```plaintext
.fa-heart:before {
  content: "\f0e7";
}

button.like:hover {
    color: #FCF94E !important;
    background: #222222 !important;
}

button.has-like {
    color: #FCF94E !important;
}

  html,body {

  font-family: avenir, 'segoe ui', sans-serif;
}

@keyframes move {
	0% { 
		background-position: 0 60%, 0 50%;
	}
	100% { 
	  background-position: 0 60%, 100% 50%;
	}
}

.container {
  background-color: #263645;
	background-image: url('http://bootscootin2pdx.com/network.svg'), radial-gradient(200px 500px at center, #ff8300 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0));
	background-size: 125%, 50% 100%;
  background-position: 0 60%, 0 100%;
  animation: move 5s linear infinite;
  

  height: 150px;
  border: 2px solid #263645;
  border-right: 0;
  border-left: 0;
}

```

and head

```html
<div class="container">
</div>

```

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [2017年五月19日 11:21 UTC](https://meta.discourse.org/t/want-to-configure-the-display-css-above-only/63002/2 "2017-05-19T11:21:06Z")

</div>

Are you talking about the `background-color` and `background-image` I presume?

Try to change the name of the target element to be more specific and in this way you can target only that element

```
<div class="header-container">
</div>

```

and change this line from

`.container {`  
to  
`.header-container {`

It should work

---

<div class="post-metadata">

### Author: ![Bank\_Live](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bank_live/32/75893_2.png) [@Bank\_Live](https://meta.discourse.org/u/Bank_Live)
#### Post date: [2017年五月19日 15:07 UTC](https://meta.discourse.org/t/want-to-configure-the-display-css-above-only/63002/3 "2017-05-19T15:07:45Z")

</div>

> [@Trash](#):
>
> .header-container

Thank you . It work. 😀

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [2024年六月8日 12:44 UTC](https://meta.discourse.org/t/want-to-configure-the-display-css-above-only/63002/4 "2024-06-08T12:44:47Z")

</div>

此主题已在 2577 天后自动关闭。不再允许回复。