在使用CSS樣式控制網頁設計中，經常需要獲取CSS中的樣式，這可以通過多種方式來實現。下面將介紹一些常用的方法。

1. 使用JavaScript獲取樣式：

var element = document.getElementById('example');
var style = window.getComputedStyle ? getComputedStyle(element) : element.currentStyle;
console.log(style.color); // 獲取顏色樣式
console.log(style.width); // 獲取寬度樣式

2. 使用jquery方法獲取樣式：

var element = $('#example');
console.log(element.css('color')); // 獲取顏色樣式
console.log(element.css('width')); // 獲取寬度樣式

3. 使用CSS偽類獲取樣式：

.example::before {
content: "前綴文字";
color: red;
}
.example::after {
content: "后綴文字";
color: blue;
}

在上述代碼中，我們使用了CSS偽類來獲取樣式。可以通過 JavaScript 應用window.getComputedStyle()或 jQuery 的css()方法來獲取 偽元素的樣式。例如：

var before = window.getComputedStyle(document.querySelector('.example'), '::before');
console.log(before.color); // 輸出: red
var after = window.getComputedStyle(document.querySelector('.example'), '::after');
console.log(after.color); // 輸出: blue

總的來說，當我們想要獲取CSS中的樣式時，我們可以使用JavaScript、jquery等方法，或者使用css偽類在CSS中獲取樣式。