天天看點
傳回

CSS選擇器筆記

​

現将開發過程中遇到的一些細節問題在此記錄：

<body>
<div class="c00">
<div class="c0 c2">
<p class="c1">段落 1。 在 div 中。</p>
<p class="c2">段落 2。 在 div 中。</p>
</div>

<p class="c1">段落 3。不在 div 中。</p>
<p>段落 4。不在 div 中。</p>
</div>
<p class="c1">段落 3。不在 div 中。</p>
</body>

有如下樣式：

1：後代選擇器

.c0 .c2
{
    background-color:yellow;
}

2：是在一個元素上，這個元素包括這兩個類才會有效果。

.c0.c2
{
    background-color:yellow;
}

 3: :not()   not選擇器

<style>
a:not(.c3) {
    color: #ff0000;
}
</style>

<a class="c2" href="//www.runoob.com/" target="_blank">111</a><br>
<a class="c1" href="//www.runoob.com/" target="_blank">222</a><br>
<a class="c3" href="//www.runoob.com/" target="_blank">333</a><br>

 4: 規定段落中的文本不進行換行：

p
{
    white-space:nowrap;
}
選擇器 開發過程 CSS選擇器 網絡日志 css
上一篇: 【Modern OpenGL】Shader【轉】
下一篇: zeal工具的安裝與使用（離線api文檔浏覽器）

繼續閱讀