CSS3是CSS技術的升級版，帶來了許多新的特性，其中偽類和偽元素是常見的應用。偽類和偽元素可以在HTML元素上添加一些特殊的樣式，讓頁面更加豐富和動態。

/* 偽類 */
a:link {
color: blue;
}
a:hover {
color: red;
}
input[type="text"]:focus {
border-color: green;
}
/* 偽元素 */
p::first-line {
font-weight: bold;
}
p::first-letter {
font-size: 2em;
}
blockquote::before {
content: "\201C";
font-size: 2em;
}
blockquote::after {
content: "\201D";
font-size: 2em;
}

上面是一些常見的偽類和偽元素的用法。偽類a:link用來定義鏈接的默認樣式，偽類a:hover定義當鼠標移動到鏈接上時的樣式，偽類input[type="text"]:focus定義輸入框在獲取焦點時的樣式。

偽元素p::first-line用來定義段落第一行的樣式，偽元素p::first-letter定義段落第一個字的樣式，偽元素blockquote::before和blockquote::after用來給引用塊添加前后標記。

除了上述示例，偽類和偽元素的用法非常多，如：hover、active、focus、last-child、nth-child等等。使用起來非常方便，可以讓我們在不增加額外標簽的情況下實現一些效果。