因此，我試圖改變的角度星云主題的頭部元素的css

看起來(lái)是這樣

我想讓它看起來(lái)像這樣

我試圖將這兩個(gè)元素分開(kāi)(即& quotMyApp & quot和動(dòng)作欄)。通過(guò)控制臺(tái)，我發(fā)現(xiàn)我必須更改& quot調(diào)整-內(nèi)容& quotnb-header-layout中嵌入的nav元素的間距& quot。以下是我所做的

html:

<nb-layout-header class="header1">
    <app-header></app-header>
    <app-actions-bar></app-actions-bar>
</nb-layout-header>

css:

.header1 nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
}

但是這些變化并不適用。為什么？我應(yīng)該怎么做？

我調(diào)查了不使用nebular的布局標(biāo)題，但似乎Nebular是強(qiáng)迫你使用它，否則它不會(huì)顯示。

你確定CSS加載順序是正確的嗎？如果一個(gè)組件在兩個(gè)不同的文件中共享CSS，舊的將被新的重寫(xiě)

我認(rèn)為你的CSS不適用，你能這樣替換你的CSS嗎:

.header1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
}

我有點(diǎn)晚了，但是試著用::ng-deep

它可以用來(lái)將您的樣式向下強(qiáng)制到一個(gè)子元素，在這種情況下很有用，因?yàn)槟胍獞?yīng)用樣式的元素nav不包括在您的markdown中。例如:

::ng-deep nb-layout-header nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
}

相關(guān)StackOverflow帖子在此處。

解決辦法就像勞倫斯說(shuō)的那樣

::ng-deep nb-layout-header nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
}