首页 > 教程 > CSS > CSS属性

CSS属性

align-content

align-items

align-self

all

animation

animation-delay

animation-direction

animation-duration

animation-fill-mode

animation-iteration-count

animation-name

animation-play-state

animation-timing-function

appearance

backface-visibility

background

background-attachment

background-clip

background-color

background-image

background-origin

background-position

background-repeat

background-size

border

border-bottom

border-bottom-color

border-bottom-left-radius

border-bottom-right-radius

border-bottom-style

border-bottom-width

border-collapse

border-color

border-image

border-image-outset

border-image-repeat

border-image-slice

border-image-source

border-image-width

border-left

border-left-color

border-left-style

border-left-width

border-radius

border-right

border-right-color

border-right-style

border-right-width

border-spacing

border-style

border-top

border-top-color

border-top-left-radius

border-top-right-radius

border-top-style

border-top-width

border-width

bottom

box-align

box-direction

box-flex

box-flex-group

box-lines

box-ordinal-group

box-orient

box-pack

box-shadow

box-sizing

caption-side

clear

clip

color

column-count

column-fill

column-gap

column-rule

column-rule-color

column-rule-style

column-rule-width

column-span

column-width

columns

content

counter-increment

counter-reset

cursor

direction

display

empty-cells

filter

flex

flex-basis

flex-direction

flex-flow

flex-grow

flex-shrink

flex-wrap

float

font

@font-face

font-family

font-size

font-size-adjust

font-stretch

font-style

font-variant

font-weight

grid-columns

grid-rows

hanging-punctuation

height

icon

inherit

initial

justify-content

@keyframes

left

letter-spacing

line-height

list-style

list-style-image

list-style-position

list-style-type

margin

margin-bottom

margin-left

margin-right

margin-top

max-height

max-width

CSS3 @media

min-height

min-width

nav-down

nav-index

nav-left

nav-right

nav-up

opacity

order

outline

outline-color

outline-offset

outline-style

outline-width

overflow

overflow-x

overflow-y

padding

padding-bottom

padding-left

padding-right

padding-top

page-break-after

page-break-before

page-break-inside

perspective

perspective-origin

position

punctuation-trim

quotes

resize

right

rotation

tab-size

table-layout

target

target-name

target-new

target-position

text-align

text-align-last

text-decoration

text-decoration-color

text-decoration-line

text-decoration-style

text-indent

text-justify

text-outline

text-overflow

text-shadow

text-transform

text-wrap

top

transform

transform-origin

transform-style

transition

transition-delay

transition-duration

transition-property

transition-timing-function

unicode-bidi

vertical-align

visibility

white-space

width

word-break

word-spacing

word-wrap

z-index

CSS3 @media查询

:link

:visited

:active

:hover

:focus

:first-letter

:first-line

:first-child

:before

:after

:lang(

选择器.class

选择器#id

选择器*

选择器element

选择器element,element

选择器element element

选择器element>element

选择器element+element

选择器[attribute]

选择器 [attribute=value]

选择器[attribute~=value]

选择器[attribute|=value]

选择器element1~element2

选择器[attribute^=value]

选择器[attribute$=value]

选择器[attribute*=value]

选择器:first-of-type

选择器:last-of-type

选择器:only-of-type

选择器:only-child

选择器:nth-child()

选择器:nth-last-child()

选择器:nth-of-type()

选择器:nth-last-of-type()

选择器:last-child

选择器:root

选择器:empty

选择器:target

选择器:enabled

选择器:disabled

选择器:checked

选择器:not()

选择器::selection

选择器:out-of-range

选择器:in-range

选择器:read-write

选择器:read-only

选择器:optional

选择器:required

选择器:valid

选择器:invalid

选择器:first-of-type

阅读：54 收藏：0 [点我收藏+]

CSS3 :first-of-type 选择器

实例

指定其父级的第一个p元素的背景色：

p:first-of-type
{
background:#ff0000;
}

定义和用法

:first-of-type选择器匹配元素其父级是特定类型的第一个子元素。

提示: 和:nth-of-type(1)是一个意思。

Browser Support

所有主流浏览器都支持:first-of-type选择器。除了IE8和更早版本。

教程昨日排行

教程周排行