四、透明盒    使用 opacity 属性为元素的背景添加透明度时，其所有子元素都继承相同的透明度。这可能会使完全透明的元素内的文本难以阅读：    实例 div {  opacity: 0.3; }     div.css-25 {    float: left;    width: 25%;    padding: 50px;    margin: 20px 0;    text-align: center;    box-sizing: bo

CSS 不透明度  透明度，设置图片文字不透明度opacity 属性指定元素的不透明度/透明度。一、透明图像opacity 属性的取值范围为 0.0-1.0。值越低，越透明：div.w3-33 {    float: left;    width: 33.33%;    text-align: center;    color: black;    border: 0px solid #fdfcf8;    box-sizing: border-box;    margi

CSS3 selection 选择器，被选取的，元素文章段落文字的样式设置

实例

使被选中的文本成为红色：

::selection
{
color:#ff0000;
}
::-moz-selection
{
color:#ff0000;
}

CSS :first-line 选择器，批量设置元素，文章，段落，首行样式实例选择每个 <p> 元素的首行，并为其设置样式：p:first-line {  background-color:yellow; }定义和用法:first-line 选择器用于选取指定选择器的首行。注释：以下属性可与 :first-line 使用：字体属性颜色属性背景属性word-spacingletter-spacingtext-decorationvertical-aligntext-trans

CSS :first-letter 选择器，元素，文章，段落，首字母批量样式

实例

选择每个 <p> 元素的首字母，并为其设置样式：

p:first-letter
{ 
font-size:200%;
color:#8A2BE2;
}

   CSS before 选择器 ，在元素文章或段落之前批量插入内容    实例    在每个 <p> 元素的内容之前插入新内容： p:before { content:"台词："; }    定义和用法    :before 选择器在被选元素的内容前面插入内容。    请使用 content 属性来指定要插入的内容。        实例    在每个 <p> 元素前面插入内容，并设置所插入内容的

CSS :after 选择器，在元素文章或段落后批量插入内容

实例

在每个 <p> 元素的内容之后插入新内容：

p:after
{ 
content:"台词：";
}

   CSS3 :only-child 选择器，只有一个子元素的样式设置    实例    规定属于其父元素的唯一子元素的每个 p 元素： p:only-child { background:#ff0000; }    定义和用法    :only-child 选择器匹配属于其父元素的唯一子元素的每个元素。     #gt p:only-child { background:#ff0000; }            这是一个段落。