IT入门 > 教程 >

CSS :first-line 选择器

实例 每个p元素的第一行选择的样式： p:first-line{ background-color:yellow;} 尝试一下 » 定义和用法 :first-line选择器用来指定选择器第一行的样式。 注意: :first-line选择器可以使用以下属性：...

CSS :first-child 选择器

实例 匹配 p 的父元素的第一个p元素 p:first-child{ background-color:yellow;} 尝试一下 » 定义和用法 :first-child 选择器匹配其父元素中的第一个子元素。 浏览器支持 表格中的数字表示支持该属性...

CSS :after 选择器

实例 每个p元素之后插入内容： p:after{ content:"- Remember this";} 尝试一下 » 定义和说明 :after 选择器向选定元素的最后子元素后面插入内容。 使用 content 属性来指定要插入的内容。 浏览器...

CSS :lang 选择器

实例 每个p元素lang属性值等于"it(Italian)" 的选择的样式： p:lang(it){ background:yellow;} 尝试一下 » 定义和用法 :lang 向带有指定 lang 属性开始的元素添加样式。 注意: 值是整个单词，单独像...

CSS3 element1~element2 选择器

实例 设置同一父元素下的 p 元素之后的每一个 ul 元素的背景颜色： p~ul{background:#ff0000;} 尝试一下 » 定义和用法 element1 ~ element2 选择器匹配出现在 element1 后面的 element2。 element1 和 ele...

CSS3 [attribute^=value] 选择器

实例 设置class属性值以"test"开头的所有div元素的背景颜色： div[class^="test"]{background:#ffff00;} 尝试一下 » 定义和用法 The [ attribute ^= value ] 选择器匹配元素属性值带指定的值开始的元素。...

CSS3 [attribute$=value] 选择器

实例 设置class属性值以"test"结尾的所有div元素的背景颜色： div[class$="test"]{background:#ffff00;} 尝试一下 » 定义和用法 [ attribute $= value ] 选择器匹配元素属性值带指定的值结尾的元素。 浏览...

CSS3 [attribute*=value] 选择器

实例 设置class属性值包含"test"的所有div元素的背景颜色： div[class*="test"]{background:#ffff00;} 尝试一下 » 定义和用法 [ attribute* = value ] 选择器匹配元素属性值包含指定值的元素。 浏览器支持...

CSS3 :first-of-type 选择器

实例 选择的 p 元素是其父元素的第一个 p 元素： p:first-of-type{ background:#ff0000;} 尝试一下 » 定义和用法 :first-of-type 选择器匹配元素其父级是特定类型的第一个子元素。 提示: 和 :nth-of-...

CSS3 :last-of-type 选择器

实例 指定其父级的最后一个p元素的背景色： p:last-of-type{background:#ff0000;} 尝试一下 » 定义和用法 :last-of-type选择器匹配元素其父级是特定类型的最后一个子元素。 提示: 和:nth-last-of-ty...