web前端 CSS 分組和巢狀 015

2021-07-23 13:54:44 字數 533 閱讀 9242

在樣式表中有很多具有相同樣式的元素。

h1h2p

為了儘量減少**,你可以使用分組選擇器。

每個選擇器用逗號分隔.

在下面的例子中,我們對以上**使用分組選擇器:

h1,h2,p

它可能適用於選擇器內部的選擇器的樣式。

在下面的例子設定了三個樣式:

這個段落是藍色文字,居中對齊。p>

class="marked">

這個段落不是藍色文字。p>

div>

所有 class="marked"元素內的 p 元素指定乙個樣式,但有不同的文字顏色。p>

body>

html>

CSS學習筆記 分組和巢狀

在樣式表中有很多具有相同樣式的元素。h1 h2p為了儘量減少 你可以使用分組選擇器。每個選擇器用逗號分隔.h1,h2,p在下面的例子,為所有p元素指定乙個樣式,為所有class marked 的元素指定乙個樣式,並僅用於class marked 的類內p元素指定第三個樣式 charset utf 8...

web前端 CSS 01 css的引入方式

現在的網際網路前端分三層 css cascading style sheet,層疊樣式表。css的作用就是給html頁面標籤新增各種樣式,定義網頁的顯示效果。簡單一句話 css將網頁內容和顯示樣式進行分離,提高了顯示功能。css的最新版本是css3,我們目前學習的是css2.1 接下來我們要講一下為...

Web前端日記 01

6月30日 dom 文件物件模型.css能控制以下樣式 css 樣式主要有三種方式 選擇器 css 的class具有可重用性,可應用於各種 html 元素。乙個 cssclass宣告示例,如下所示 可以看到,我們在樣式宣告區域裡,建立了乙個名為blue text的class選擇器。你可以將 cssc...