一、屬性
| Properties 屬性 | Description 簡介 |
| content | 用來和:after及:before僞元素一起使用，在對象前或後顯示内容 |
| counter-increment | 設定當一個selector發生時計數器增加的值 |
| counter-reset | 将指定selector的計數器複位 |
| quotes | 設定或檢索對象内使用的嵌套标記 |
二、示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内容</title>
<style>
q:lang(en) {
quotes: '[' ']' "<" ">";
}
q:lang(zh-cn) {
quotes: "«" "»" '"' '"';
}
</style>
</head>
<body>
<p lang="en"><q>Quote me <q>Quote me</q> Quote me!</q></p>
<p lang="zh-cn"><q>Quote me <q>Quote me</q> Quote me!</q></p>
</body>
</html> 
![web前端布局練手項目[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)